axios 请求出现options的原因和解决方案

原因: 主要是因为跨域,参考以下文章
https://segmentfault.com/q/1010000010159122?sort=created
https://developer.mozilla.org/zh-CN/docs/Web/HTTP/Access_control_CORS

解决方案,使用qs,参考以下文章
代码

// axios 配置 
axios.defaults.timeout = 5000;
axios.defaults.headers.post['Content-Type'] = 
'application/x-www-form-urlencoded;charset=UTF-8';
axios.defaults.baseURL = 'http://localhost:8008'
 
// POST传参序列化 
axios.interceptors.request.use((config) => {
    if(config.method === 'post') {
        config.data = qs.stringify(config.data);
    }
    return config;
}, (error) => {
    return Promise.reject(error);
}); 
 
// 返回状态判断 
axios.interceptors.response.use((res) =>{ 
    if(!res.data.success){ 
        return Promise.reject(res);
    } return res;
}, (error) => {
        //404等问题可以在这里处理 return Promise.reject(error); 
})

https://blog.csdn.net/hant1991/article/details/74931158

作者:weixin_33850890
来源:CSDN
原文:https://blog.csdn.net/weixin_33850890/article/details/87485980

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值