Vue2热更新突然失效

Question

之前Vue的热更新是可以是正常使用的，最近不知道哪里出了问题，热更新突然失效，然后查看了控制台也没有报错，就很奇怪。
然后尝试了重新下载node_modules也无济于事

Answer 1

问题已经解决了，经过排查是因为在Vue的index.html中加入了一个http升级https的属性，如图所示：

因为在生产环境使用的https协议，为了使所有 http 连接升级为 https 连接。所以在index.html加入了这个。
但是加入这个之后，因为在本地测试使用的是http协议，所以在浏览器控制台会报一个这样的错入，如下图所示：

然后点进去发现是这里报的错误，如图所示：

关于这个报错在网上查到的解释是：sockjs-node是一个JavaScript库，提供跨浏览器JavaScript的API，创建了一个低延迟、全双工的浏览器和web服务器之间通信通道。在项目运行以后，network会一直调用这个接口。如果没有使用，那么就一直会报这个异常。


经过测试发现这行代码是影响热更新的主要因素，如果这行代码出现异常，那么热更新就会失效。

所以最终的解决方案是，在本地测试时将这个http升级https属性注释掉，发布到生产环境时再将其打开。