Javascript 如何在laravel应用程序（使用laradock）中解决vuejs热重新加载问题，该应用程序返回；错误无法获取/"；

我正在使用webpack mix在laravel应用程序中热重新加载vuejs。但是，在运行npm run hot之后，我在每个页面加载中都会收到错误消息

无法获取主页的/

/

webpack.mix.js

const  mix  = require('laravel-mix');

var webpackConfig = {
   devServer: {
    proxy: {
      host: 'domain.local',  // host machine ip
      port: 81,
    },
    watchOptions:{
      aggregateTimeout:200,
      poll:5000
    },
  }
}

mix.options({
  hmrOptions: {
    host: 'mmta.local',  // site's host name
    port: 81,
  }
});

mix.webpackConfig(webpackConfig);

mix.js('resources/vue_app/src/main.js', 'public/app/js')
   .sass('resources/vue_app/src/styles/style.scss', 'public/app/css');

有效的是：（dockerHost“172.20.129.2”和dockerPort：“8081”）

---

请注意，在运行

npm run hot

后，您必须等待npm向您显示ip

抱歉，我不明白您的答案

mix.webpackConfig({
    mode: "development",
    resolve: {
        alias: {
            "@assets": path.resolve(__dirname, "resources/assets/site"),
            "@sass": path.resolve(__dirname, "resources/assets/site/sass"),
            "vue$": "vue/dist/vue.runtime.esm.js",
            "@": path.resolve("./resources/assets"),
        },
    },
    output: {
        chunkFilename: "assets/site/js/chunks/[name].js",
    },
    devtool: "inline-source-map",
    devServer: {
        disableHostCheck: true,
        headers: {
            'Access-Control-Allow-Origin': '*'
        },
        contentBase: path.resolve(__dirname, 'public'),
        host: config.dockerHost,
        port: config.dockerPort,
        watchOptions: {
            poll: true
        }
    },
})

mix.options({
    hmrOptions: {
        host: config.dockerHost,
        port: config.dockerPort
    }
});