Vue有时候会默认携带一个 token 的 Header请求,当对Header进行自定义后浏览器会预先发送一个 OPTIONS 请求。
如果服务器请求正常,才会继续发送真实的请求。否则浏览器会直接拦截,并提示类似跨域拦截的错误。
所以可以尝试下在Vue 请求拦截配置时将携带 token 的 Header请求注释或者删除掉:
/**
* 请求拦截
*/
http.interceptors.request.use(config => {
// config.headers['token'] = Vue.cookie.get('token') // 请求头带上token
return config
}, error => {
return Promise.reject(error)
})