热模块更换不适用于Laravel Mix和Vagrant
我正在尝试用Laravel mix和Vagrant更换热模块。我的JS/CSS是在主机上编译的,网站是从一个流浪者的盒子里运行的。我在跑步热模块更换不适用于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> 这将正确返回脚本(即使其中有两个斜杠)。
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;}