npm run serve 中未使用 vue.config.js (devServer)答案

【问题标题】：vue.config.js (devServer) not used in npm run servenpm run serve 中未使用 vue.config.js (devServer)
【发布时间】：2020-10-11 08:19:41
【问题描述】：

我正在尝试在开发服务器上为我的 VUE js webapp 设置一个反向代理，以绕过我在尝试将我的烧瓶 HTTP API 与 vue js webapp 一起使用时得到的CORS issue。

我通过在项目目录的根目录中创建一个 vue.config.js 文件来做到这一点：

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

当我运行 npm run serve 并尝试使用在端口 5001 上定义的 REST API - 我没有看到请求转到端口 5001，它使用与 Web 应用程序相同的端口。

也没有有用的日志被写入标准输出来帮助我调试。

以前有人遇到过这个问题吗？

【问题讨论】：

通常你只想代理 API 请求，所以通常配置看起来像 proxy: { '/api': { target: 'http://remote_api.com:5001/', changeOrigin: true } }
@IVOGELOV 我确实意识到了这一点。我只是想让最简单的配置更改工作。但似乎配置文件没有被vue-cli-service
您可以通过故意在文件中产生语法错误来确认文件是否未被拾取。

【解决方案1】：

我遇到了类似的问题，发现该端口已被另一个应用程序使用，因此它没有转到正确的端口。一旦我关闭了另一个应用程序，它就会开始按预期工作。

【讨论】：