问题描述:

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请求了

Logo

前往低代码交流专区

更多推荐