post 相关问题

我正在尝试将信息从我的网站发布到我的 Express.Js 服务器，但我收到未定义的字段。脚本代码：常量客户...</desc> <question vote="-2"> 我正在尝试将信息从我的网站发布到我的 Express.Js 服务器，但我收到未定义的字段。 JavaScript代码： <pre><code> <script> const customerId = "{{ customer.id }}"; fetch('https://<tunnel-id>.ngrok.io/auth', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ "shopify_id": `${customerId}` }) }) .then((response) => response.json()) .then((data) => console.log(data)) .catch((error) => console.error(error)); </script> </code></pre> Express.Js代码： <pre><code>import express from 'express'; import cors from 'cors'; import bodyParser from 'body-parser'; const app = express(); const PORT = process.env.PORT || 3000; app.use('/auth', cors()); app.use(bodyParser.json()); app.use(bodyParser.urlencoded({ extended: false })); app.post('/auth', async function (req, res) { console.log('headers:' + req.params); console.log('params:' + req.params); console.log('query:' + req.query); console.log('body:' + req.body); return res.send({ type: 1 }); }); app.listen(PORT, () => console.log('Listening on port', PORT)); </code></pre> 每次发送 POST 请求到 /auth，控制台输出： <pre><code>headers:undefined params:undefined query:undefined body:undefined </code></pre> 网络流量： OPTION调用：<a href="https://i.stack.imgur.com/OAtV2.png" target="_blank"><img src="https://cdn.imgupio.com/i/AWkuc3RhY2suaW1ndXIuY29tL09BdFYyLnBuZw==" alt="option headers"/></a> POST 调用：<a href="https://i.stack.imgur.com/ROlPw.png" target="_blank"><img src="https://cdn.imgupio.com/i/AWkuc3RhY2suaW1ndXIuY29tL1JPbFB3LnBuZw==" alt="post headers"/></a>, <a href="https://i.stack.imgur.com/Ea9K3.png" target="_blank"><img src="https://cdn.imgupio.com/i/AWkuc3RhY2suaW1ndXIuY29tL0VhOUszLnBuZw==" alt="post payload"/></a>, <a href="https://i.stack.imgur.com/XgaRQ.png" target="_blank"><img src="https://cdn.imgupio.com/i/AWkuc3RhY2suaW1ndXIuY29tL1hnYVJRLnBuZw==" alt="post response"/></a> NPM 包： <pre><code>├── @shopify/[email protected] ├── @shopify/[email protected] ├── @shopify/[email protected] ├── [email protected] ├── [email protected] ├── [email protected] ├── [email protected] ├── [email protected] ├── [email protected] ├── [email protected] ├── [email protected] ├── [email protected] ├── [email protected] └── [email protected] </code></pre> 让我感到困惑的是，在 ngrok 界面上，我看到我的确切 POST 请求具有正确的字段：<a href="https://i.stack.imgur.com/F0VJb.png" target="_blank"><img src="https://cdn.imgupio.com/i/AWkuc3RhY2suaW1ndXIuY29tL0YwVkpiLnBuZw==" alt="ngrok interface"/></a>. 我尝试了在本网站和其他替代网站上找到的多种不同解决方案，但似乎没有任何效果。 非常感谢任何帮助 编辑1：我开始使用 <a href="https://i.stack.imgur.com/F0VJb.png" target="_blank"><img src="https://cdn.imgupio.com/i/AWkuc3RhY2suaW1ndXIuY29tL0YwVkpiLnBuZw==" alt="cors package"/></a>，但我的字段中仍然出现未定义的值。 编辑2：现在展示客户端代码是如何运行的。 编辑3：现在显示授权网络流量。 编辑4：添加了 NPM 包。 </question> </body></html>