webpack '加载页面时与[ws]的连接中断,'使用代理在Firefox中使用Vue CLI

uqjltbpv  于 2023-02-04  发布在  Webpack
关注(0)|答案(1)|浏览(613)
    • bounty将在2天后过期**。回答此问题可获得+100声望奖励。Chris Starling希望引起更多人关注此问题。

重现步骤:
1.安装Vue CLI并创建新的Vue CLI项目vue create test-project
1.使用Vue 3和Yarn。
1.更新vue.config.js文件以指向具有代理的自定义开发服务器:

const { defineConfig } = require('@vue/cli-service');
module.exports = defineConfig({
  transpileDependencies: true,
  devServer: {
    proxy: 'http://test.me',
  },
});

1.在项目目录中运行yarn serve
1.在Firefox中转到http://localhost:8080并检查控制台。
Webpack开发服务器的websocket不断失败,并显示消息The connection to ws://[ip]:8080/ws was interrupted while the page was loading.
如果没有代理,这种情况就不会发生。我不知道为什么会发生,也不知道如何阻止。

eagi6jfj

eagi6jfj1#

尝试在配置中添加ws选项和changeOrigin选项。

const { defineConfig } = require('@vue/cli-service');

module.exports = defineConfig({
  transpileDependencies: true,
  devServer: {
    proxy: {
      'http://test.me': {
        target: 'http://test.me',
        ws: true,
        changeOrigin: true,
      },
    },
  },
});

相关问题