显示Webpack Websocket错误的Vue CLI 3.5.5标准安装

Question

我最近将VUE CLI升级到3.5.5

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

我猜想这与webpack devserver和CORS有关，但这是一个猜测，因为我对webpack几乎一无所知。

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

任何人都可以阐明这个问题吗？ -这一定很常见。谢谢

Answer 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
     }
   }
 }
};