axios发送post请求，服务端无法正常获取参数（比如：node服务器无法通过req.body获取参数）解决方案

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了axios发送post请求，服务端无法正常获取参数（比如：node服务器无法通过req.body获取参数）解决方案，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2401字，纯文字阅读大概需要4分钟。

内容图文

前端通过 axios 方式请求nodejis后端数据的过程中，如果是 get 请求，服务器端能够通过 req.query 获取前端传递的参数再向数据库获取数据；但是如果是 post 请求，服务器却不能通过 req.body 获取参数。

解决办法：

前端 引用 “qs” ，然后在发送 axios 请求时，使用 qs.stringify(）将数据包裹起来。

import qs from 'qs'
点击并拖拽以移动
import $http from '../../ajax/http.js'

$http({
          method: "POST",
          url: "/blog/check_login_status/",
          data: qs.stringify(values)
        })
        .then(res => {
            localStorage['token'] = 1;
            this.props.history.replace("/");
        })
        .catch(err => {
            notification["error"]({
                message: '错误图示',
                description:
                  '用户名或密码错误',
            });
});

http.js： 

import axios from 'axios'

let _this = this;

let HTTP = axios.create({
  baseURL:'/',
  timeout: 10000,        //单位是ms，请求超过这个时间就取消，即请求超时
  responseType: 'json',  //后端返回的数据类型
  // header:{  //自定义请求头
     'custom-header':'xiao',  //Request Headers里面就多了一个custom-header:xiao，后端可以拿到这个数据
  //   'content-type':'application/x-www-form-urlencoded'  //设置这个，那么经过transformRequest处理之后的数据格式就变为了  miaov=ketang&username=leo，只支持POST请求方式
  // },
  params: {  //查询字符串，传给后端的数据，不管是get还是post请求，这条数据都会附在url后面，发送给后端
    //TOKEN: localStorage['TOKEN']
  },
  transformResponse: [function (data) {   //数组格式，用于处理返回的数据格式，data是后端发送回来的数据
    data.abc = 'miaov'  //对返回数据做进一步处理，请求此类地址的返回值都拥有abc这个属性，值是miaov
    return data;  //需要return出来
  }]
});

//添加一个请求拦截器：请求之前的拦截
HTTP.interceptors.request.use(function (config) {  //config就是自定义请求的配置信息，即HTTP的配置参数
  //在发送请求之前做某事
  //console.log("拦截请求之前提交的数据：");
  //console.log(config)
  //这里可以对配置项config做处理，取消某些配置或增加
  config.headers.TOKEN = localStorage['TOKEN'];
  return config;  //return config请求会继续进行，否则请求就被拦截了
}, function (error) {
  //请求错误时做些事
  return Promise.reject(error);
});

//添加一个请求拦截器：请求之后的拦截
HTTP.interceptors.response.use(res => {
  // 响应失败
  // if (!res.data.success) {
  //   Toast(res.data.msg);
  // }

  /**
  * refresh_token过期
  * 1、清空本地token
  * 2、刷新页面
  */
 //console.log("拦截器拦截的数据：");
 //console.log(res);

  // if (res.data.code === '004-1') {
  //   //localStorage.setItem('TOKEN', '')
  //   localStorage['TOKEN'] = '';
  //   window.location.reload();
  // }

  return res.data;
}, error => {
  _this.$notify.error({
    title: "错误",
    message: error.message,
    duration: 0
  });
})

export default HTTP;

 

内容总结

以上是互联网集市为您收集整理的axios发送post请求，服务端无法正常获取参数（比如：node服务器无法通过req.body获取参数）解决方案全部内容，希望文章能够帮你解决axios发送post请求，服务端无法正常获取参数（比如：node服务器无法通过req.body获取参数）解决方案所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---