axios post请求后台接收不到参数 和 一些配置问题

原因: 

axios 的 headers的 content-type  默认是 “application/json ”,传给后台的格式是这样的:

axios  post请求后台接收不到参数 和 一些配置问题

但是后台接收数据的格式一般是表单格式的,就是formdata的数据格式:

axios  post请求后台接收不到参数 和 一些配置问题

所以这时就出现了一种情况,就是前端提交的数据请求接口没有报错,但是后台就是接收不到没有数据返回。

解决方法:

1,和后台商量换数据格式,99.99%是被否决的

2,传数据之前先把参数转成formdata数据

let data = new FormData()
data.append(‘id‘,id)
data.append(‘name‘,name)   //把一个一个字段名和值appen进去,有点麻烦

3,改变axios 的 headers的 content-type 的值

1.application/x-www-form-urlencoded (这个是变成JSON字符串格式)

2.multipart/form-data   (这个是fontdata格式)

3,application/json  (默认的格式)

4,text/xml  (这种一般很少用到)

//改变方法
let ajax=axios.create({     //在新建axios是设置
    baseURL:baseUrl,
    headers:{
        ‘Content-type‘: ‘multipart/form-data‘
    },
})

import axios from ‘axios‘;   //在import之后设置
axios.defaults.headers.post[‘Content-Type‘] = ‘application/x-www-form-urlencoded‘;

 参考链接:axios用post提交的数据格式

wepack 中axios设置代理

//webpakc 配置
proxy: { // agent cross-domain interface
      "/api": {                             //代理标识  
        target: ‘http://aaa.com‘,    //要代理的地址
        changeOrigin: true,
        pathRewrite: {
          "^/api": ""                     //实际请求时重写标识,例如实际的请求地址是http://aaa.com/test/user,设置了标识后代理的请求地址是loclahost:8888/api/test/user
        }
      }
    }


let ajax=axios.create({
    baseURL:/test,      //一般这个地方写的是域名和接口名中间的那部分
})

//请求时
ajax.post(‘/user‘)     //请求时会自动拼上域名和baseURL   http://aaa.com/test/user

 

 参考链接:https://segmentfault.com/q/1010000012607105

 

axios post请求后台接收不到参数 和 一些配置问题

上一篇:封装一个Automapper单例


下一篇:深度学习论文翻译解析(二):An End-to-End Trainable Neural Network for Image-based Sequence Recognition and Its Application to Scene Text Recognition