vue cli3 启用 CORS

Question

我已经遇到这个问题将近 2 天了，任何帮助都是救命稻草。

我的 vue 应用程序运行处于 8080 开发模式，我正在尝试集成 blockstack 登录，该应用程序试图读取 http://localhost/manifest.json，所以我将它放在静态目录中，但它是向我抛出 cors 错误，我们是否有像 vue.config.js 这样的 vue cli 配置的解决方案？

Answer 1

"correct answer" 在这种情况下实际上没有帮助。

Blockstack 需要能够命中 manifest.json 文件（在本例中为 localhost:8080/manifest.json）。当服务器不支持 CORS 时，Blockstack 将抛出错误。

OP 询问的是如何使 "vue-cli-service serve" 允许 COR 请求发生。为此，我们需要修改 Webpack 的开发服务器以允许 CORS 请求。

添加 vue.config.js（如果尚不存在）

module.exports = {
  configureWebpack: {
    devServer: {
      headers: { "Access-Control-Allow-Origin": "*" }
    }
  }
};

Answer 2

我遇到了和你一样的问题。我应用了 vue-js 的文档所说的将一些代码放在 vue.config.js 中，像这样

module.exports = {
  devServer: {
    proxy: 'http://localhost:4000'
  }
}

但这无济于事。请参阅此文档 https://cli.vuejs.org/config/#devserver。我在 laravel 中有单独的后端，我在 vue-js 中允许 cors 浪费了太多时间后做了什么，我在我的后端 index.php 文件上应用了 cors 并且效果很好。问题是你真的不知道它来自哪里，而是同时查看前端和后端，然后尝试在两方面找到解决方案。

vue cli3 启用 CORS

vue cli3 enable CORS

vue.js

vue-cli-3