有没有人遇到过这个问题哈!vue 设置了简单请求,仍然存在跨域问题

1.前端浏览器报错如下:
AccesstoXMLHttpRequestathttp://xxx.xxxfromorigin'http://localhost:8000'hasbeenblockedbyCORSpolicy:Responsetopreflightrequestdoesn'tpassaccesscontrolcheck:Redirectisnotallowedforapreflightrequest.
2.axios封装
封装代码
在封装基础做了修改
//创建axios实例
constservice=axios.create({
baseURL:process.env.BASE_API,//api的base_url
timeout:5000,//请求超时时间
headers:{'Content-Type':'multipart/form-data'}
})
//实例中加了headers(搜索说可以变为简单请求,不再发送options)
if(config.method==='post'){
config.data=qs.stringify({
...config.data
})
}
//拦截器加了这段代码格式化数据
但是做了修改,仍然初次会发一个options,并且options的请求为302
慕码人2483693
浏览 23316回答 2
2回答

牛魔王的故事

1.options请求是前端在发跨域请求的时候会先发起的预请求,这是浏览器的行为2.后端应该处理一下options请求,不应该返回302,应该返回200,不然后续的get或者post请求就发不出去了
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript