vue 解决axios会发送options请求
问题描述:Vue的开发者都知道axios,很多都用axios来进行数据交互,axios的默认请求头是Content-Type: application/json使用这个请求头会出现向服务器请求两次的情况为什么呢?原因是:浏览器会首先使用 OPTIONS 方法发起一个预请求,判断接口是否能够正常通讯,如果不能就不会发送真正的请求过来,如果测试通讯正常,则开始真正的请求。这样每个请求都会发送...
·
问题描述:
Vue的开发者都知道axios,很多都用axios来进行数据交互,axios的默认请求头是Content-Type: application/json
使用这个请求头会出现向服务器请求两次的情况
为什么呢?
原因是:浏览器会首先使用 OPTIONS 方法发起一个预请求,判断接口是否能够正常通讯,如果不能就不会发送真正的请求过来,如果测试通讯正常,则开始真正的请求。
这样每个请求都会发送两次,无形加重了服务器的负担,网上有的解决办法是让后台允许options请求,但是并不返回任何数据,那么就不会报错,可是这样治标不治本,浏览器还是访问后台了,只是后台让OPTIONS请求不返回数据而已。
解决:
设置post请求头,对参数进行格式转化,代码如下:
post(url, data = {}) {
return _axios({
method: 'post',
url,
data:qs.stringify(data),
headers:{'Content-Type':'application/x-www-form-urlencoded'}
})
}
这里如果没有安装qs,则需要安装:
npm install qs -S
这样就能解决axios会发送options请求了
更多推荐
已为社区贡献1条内容
所有评论(0)