热模块更换不适用于Laravel Mix和Vagrant

热模块更换不适用于Laravel Mix和Vagrant,laravel,vagrant,laravel-mix,hot-module-replacement,Laravel,Vagrant,Laravel Mix,Hot Module Replacement,我正在尝试用Laravel mix和Vagrant更换热模块。我的JS/CSS是在主机上编译的,网站是从一个流浪者的盒子里运行的。我在跑步 npm run hot 在主机上。当我更改JS/CSS文件时,这些文件会被编译。网站中似乎生成了正确的url。当我查看页面源代码时,我看到: <script src="//localhost:8080//js/min/myfile.min.js"></script> 这将正确返回脚本(即使其中有两个斜杠)。

我正在尝试用Laravel mix和Vagrant更换热模块。我的JS/CSS是在主机上编译的,网站是从一个流浪者的盒子里运行的。我在跑步

npm run hot
在主机上。当我更改JS/CSS文件时,这些文件会被编译。网站中似乎生成了正确的url。当我查看页面源代码时,我看到:

<script src="//localhost:8080//js/min/myfile.min.js"></script>

这将正确返回脚本(即使其中有两个斜杠)。。但是HMR仍然不起作用,我在控制台中发现以下错误:

[WDS]断开连接

无效的主机/源标题


如何让HMR为Vagrant工作?

package.json的
scripts
部分禁用主机检查
hot
脚本

“热”:“跨环境节点”\u env=development
node_modules/webpack dev server/bin/webpack-dev-server.js
--内联--热--禁用主机检查
--config=node_modules/laravel mix/setup/webpack.config.js“,

因为Laravel网站托管在不同的主机上,而webpack dev服务器会引发该安全标志

,不过,我确实有一个关于静态资产的小问题-没有通过
mix()加载
,因为这些资产的路径现在是错误的…您可以对静态资产的不同域执行相同的操作,并创建配置URL和帮助函数来加载这些资源。例如,我在一个项目中有一个全局帮助函数
function static_asset($file){return config('app.static_domain')。/'.$file;}