Vue CLI 3.5.5 标准安装显示 webpack websocket 错误答案

【问题标题】：Vue CLI 3.5.5 standard install showing webpack websocket errorsVue CLI 3.5.5 标准安装显示 webpack websocket 错误
【发布时间】：2019-08-30 22:20:36
【问题描述】：

我最近将我的 VUE CLI 升级到了 3.5.5

运行标准安装后，我注意到浏览器中出现了 CORS 和 websocket 错误...在收到握手响应之前连接已关闭。 Firefox 和 Chrome 都会引发错误。

我猜这与 webpack 开发服务器和 CORS 有关，但这是一个猜测，因为我对 webpack 几乎一无所知。

我添加了一个 vue.config.js 并尝试了 webpack devServer 的各种配置，但都没有奏效。

谁能说明这个问题？ - 这一定很常见。谢谢

【问题讨论】：

你能粘贴错误堆栈跟踪吗？
Vue 新手，所以我不知道在哪里收集堆栈跟踪。我只能看到控制台错误
据我所知，cors 请求没有成功意味着可能是网络问题。如果它真的与 cors 浏览器有关，将建议添加一些标题。 developer.mozilla.org/en-US/docs/Web/HTTP/CORS/Errors/…
你能检查一下这个链接吗？ stackoverflow.com/questions/51831652/…

标签： vue.js webpack

【解决方案1】：

所以我找到的解决方案是在项目的根级别创建一个 vue.config.js 文件并使用这个 webpack 配置：

module.exports = {
 devServer: {
 host: "0.0.0.0",
 public: "0.0.0.0:8080",
 disableHostCheck: true,
 proxy: {
   "/app": {
     target: "http://localhost:8081",
     changeOrigin: true,
     ws: true
     }
   }
 }
};

【讨论】：