vue 设置了简单请求，仍然存在跨域问题

[xiaohantx]

1.前端浏览器报错如下：

Access to XMLHttpRequest at http://xxx.xxx from origin 'http://localhost:8000' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: Redirect is not allowed for a preflight request.

2.axios 封装

封装代码

1. 在封装基础做了修改

// 创建 axios 实例
const service = 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

[zhangnuli]

生产环境存在环境跨域后台设置
vue 开发环境配置 vue.confug.js
瞎说的 😱

[Trim21]

你在拦截器里加了一个 x-token 的请求头，实际发出去的请求就不是简单请求了

[momocraft]

前端三大经典问题之一：如何发送 (违反浏览器安全策略的) 跨域请求

[66beta]

vue.config.js 中设置 devServer -≥ proxy

[tyx1703]

https://developer.mozilla.org/zh-CN/docs/Web/HTTP/Access_control_CORS#简单请求

抓包然后对比看看违反了哪条规则

[CFO]

开发环境配置 proxy 生产环境用相对路径

[IsaacYoung]

错误信息：preflight request 说明已经不是简单请求了

[xiaohantx]

@66beta 采用了这个解决方案解决了感谢

[xiaohantx]

@IsaacYoung 感谢学习到了