正文数据未在 axios 请求中发送

IT技术 javascript node.js reactjs axios
2021-04-03 06:56:53

我正在尝试通过 axios 请求将数据发送到我的后端脚本，但正文看起来是空的。

这是从前端发送的请求：

axios.request({
  method: 'GET',
  url: `http://localhost:4444/next/api`,
  headers: {
    'Authorization': token
  },
  data: {
    next_swastik: 'lets add something here'
  },

}).then((res)=>{  
  console.log("api call sucessfull",res);

}).catch((err)=>{
  console.log("api call unsucessfull",err);

  this.props.toggleLoading(false);
})

这是一个后端：

app.get('/next/api', verifyToken, function(req, res) {
console.log(req.body);

})

但我的{}身体越来越空虚。我正在获取标题和其他数据，但不是数据。

4个回答

GET 请求不应有正文。

将方法从“GET”更改为“POST”

像这样：

axios.request({
  method: 'POST',
  url: `http://localhost:4444/next/api`,
  headers: {
    'Authorization': token
  },
  data: {
    next_swastik: 'lets add something here'
  },

})

并更改您的 api 以期待发布

app.post('/next/api', verifyToken, function(req, res) {
console.log(req.body);
});

或者

将data属性更改为params

axios.request({
  method: 'GET',
  url: `http://localhost:4444/next/api`,
  headers: {
    'Authorization': token
  },
  params: {
    next_swastik: 'lets add something here'
  },

})

并更改api以注销参数

app.get('/next/api', verifyToken, function(req, res) {
console.log(req.params);
});

就像@MaieonBrix 所说的那样，确保您的标头包含您要发送的内容类型。

我的回答不是针对那些访问他们无法控制的外部 API 的人，而是针对您在上面看到的问题。我还说你“不应该”有一个 GET 不是你“不能”
2021-05-24 06:56:53
GET 主体不再被排除在 HTTP 请求之外，并且建议将其更改为 POST 对我们这些使用我们无法控制的外部 API 的人没有帮助。
2021-06-13 06:56:53
也许吧，但这更取决于现在的意见。由于标准现在不再明确排除 GET 主体，因此我会说“不应该”是一个非常个人的意见。当您搜索有关 HTTP GET 主体的答案时，该答案也会出现在 Google 中，因此从这个意义上说，它毫无帮助。
2021-06-20 06:56:53

看起来你只剩下两点才能让它工作：

  • 一：http 方法应该设置为POST而不是GET因为您想发送一些东西。

  • 二：然后您可以添加 http 标头（就像您对授权标头所做的一样）Content-Type：'application/json`

在后端，不要忘记使用某种身体解析器实用程序包，例如：body-parser并使用您的应用程序进行设置。

我想您的服务器正在使用 express，以下是您将如何使用 express： 

const express = require('express');
const app = express();
const bodyParser = require('body-parser')
const jsonParser = bodyParser.json();

app.use(jsonParser); // use it globally
app.get('your_route', jsonParser, otherMiddleware, (req, res) => ...); // use it for specific routes

/* ... rest of your code */

试试这个

this.axios('realties', { params: this.filter })

如果您收到“bodyParser 已弃用”的错误消息，请尝试以下操作 -

app.use(express.json()); //To parse JSON bodies (Applicable for Express 4.16+)

如果您想从 HTTP 请求的正文中获取数据，请使用“post”方法。

其它你可能感兴趣的问题
上一篇Webpack：如何使用 webpack-dev-server 编译、写入磁盘和提供静态内容 (js/css) 下一篇将props传递到 React Native 中的外部样式表？