如何修复 Vue 2 应用程序上的热重载？

如何解决如何修复 Vue 2 应用程序上的热重载？

我正在开发 Vue 2 cli 应用程序。

热重载不起作用，大概是因为 “[WDS] 已断开连接！”和 'sockjs-node ERR_CONNECTION_TIMED_OUT' 错误。

see the Tableau guide about it

客户端正在“http://localhost:8080”（Vue 2）上运行

服务器在“https://localhost:5001”（Dotnet 核心）上运行

客户端被代理到“https://localhost:5001”，因此应用程序使用该 URL 在浏览器中打开

############

这是我的 babel.config.js 文件：

module.exports = {
    presets: ["@vue/cli-plugin-babel/preset"],};

还有我的 vue.config.js

module.exports = () => {
  const config = {
    lintOnSave: false,configureWebpack: {
      devtool: 'inline-source-map'
    },transpileDependencies: ["vuetify"],devServer: {
      //
    },chainWebpack: config => {
      if (process.env.NODE_ENV === 'production') {
        config
          .plugin('html')
          .tap(args => {
            args[0].publicPath = '/dev/';
            return args;
          });
      } else {
        // nothing to do here
      }
    }
  };

  if (process.env.NODE_ENV === 'production') {
    config.publicPath = '/dev/';
  }

  return config;
};

我正在尝试修复热重载，我认为这是因为 Webpack 开发服务器在错误的端口请求文件。

解决方法

我通过将这些道具添加到 vue.config.js 文件中设法解决了这个问题

devServer: {
  port: 8080,public: 'https://localhost:5001'
},

我当然希望这会帮助那里的人