vue 中使用axios的post后台接收不到数据

一,问题描述:

postman测试结果:

axios请求:

 

二,解决方案一:

2.1 main.js:

       import Axios from 'axios'

       Axios.defaults.headers.post['Content-Type']='application/x-www-form-urlencoded';

2.2 组件中:(注:参数名称key,参数值value)

var temp = JSON.stringify(value)
var params = new URLSearchParams();
params.append('key',temp);
this.$axios.post(url,params)
.then(res=>{
	console.log(res.data)
})

三,解决方案二

import axios from 'axios'
import qs from 'qs'

const service = axios.create({
    baseURL:'',
    widthCredential:true,//允许跨域携带cookie
    crossDomain:true,//允许跨域
    headers:{
        'Content-Type'：'application/x-www-form-urlencoded'
    },
    transfromRequest:[function(data){
        return qs.stringify(data)
    }]
})

四。解决方案三

import axios from 'axios'
import qs from 'qs'

axios.interceptors.request.use(config=>{
    if(config.method == 'post'){
        config.data = qs.stringify(config.data)
    }
})