问题:在Vue中用axios的默认请求头是Content-Type: application/json,发起请求时,axios会发送两次,一次为options 类型。
原因:浏览器会首先使用 OPTIONS 方法发起一个预请求,判断接口是否能够正常通讯,如果不能就不会发送真正的请求过来,如果测试通讯正常,则开始真正的请求。
解决:设置axios的默认请求头axios.defaults.headers['Content-Type'] = 'application/x-www-form-urlencoded';
但后台不认这个数据格式,需转换数据格式,用到qs模块
在main.js中引入qs模块
import qs from 'qs
然后弄qs原型
Vue.prototype.$qs = qs
这样我们就可以在axios post请求的时候将我们传递的数据转换成后台认识的格式
this.$axios
.post("http://xxx/",
this.$qs.stringify(postData)
).then(data => {
if (data.data.status != 200) {
//xxx
} else {
//xxx
}
});