Vue.js Vue js的CORS问题

我使用了vuejs，带有地址

调用api时，我得到CORS错误。Sid未成功请求头 请求

来源域<代码>http://localhost:8080已被CORS策略阻止：对飞行前请求的响应未通过访问控制检查：请求的资源上不存在“访问控制允许来源”标题

let头={
“内容类型”：“应用程序/json”，
“访问控制允许原点”：true，
};

您需要创建一个带有代理配置的“vue.config.js”

例如：

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

三种选择

备选案文1。编辑Vue.config.js

选项2（临时/测试用例）

在chrome Eg-Moseif Cors中使用Cors插件

降低你的chrome版本低于71

使用chromium或Canary浏览器

选择3

查看您的服务器Cors是否允许，您可以在服务器上添加python Cors插件和java注释以允许此调用

---

可能重复如何。可能重复或@Phil该页面中的解决方案对我不起作用。我需要一个解决方案来允许来自vue的cors。我无法更新站点B（我正在获取该站点），这只适用于OP的本地开发服务器。这还意味着所有请求都需要与

/api

url相对

localhost:8080

是OP的客户端服务，而不是API“ws:true”代表什么？

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