Vue js的CORS问题

Question

我使用了地址为http://localhost:8000的vuejs。

调用api时，出现CORS错误。 SID未成功请求标头 请求

  

来自起源http://localhost:8080的域已被CORS策略阻止：对预检请求的响应未通过访问控制检查：所请求的资源上没有'Access-Control-Allow-Origin'标头。

let headers = {
          'Content-Type': 'application/json',
          'Access-Control-Allow-Origin': true,
};

Answer 1

您需要使用代理配置创建一个“ vue.config.js”。

示例：

 module.exports = {
  devServer: {
    proxy: {
      '/api': {
        target: 'http://localhost:8080',
        ws: true,
        changeOrigin: true
      }
    }
  }
}

Answer 2

1. 在Chrome Eg- Moseif CORS中使用Cors插件
2. 将您的chrome版本降级到71以下
3. 使用铬或Canary浏览器。