vue-cli3使用vue ui可视化工具创建的项目热更新失效

最近被一个问题困扰很久，vue-cli3使用vue ui可视化工具创建的项目热更新失效，之前没有遇到过这种问题，直到在浏览器控制台上看到报错信息：[WDS] Discontented！

百度一下，有人说是win10的ipv6优先于ipv4，字都认识，组织在一起就不像人话，于是继续找答案，发现要在vue.config.js中的devServer里配置host: 127.0.0.1，默认的localhost连不上127.0.0.1的socket.js服务，好吧，试试，果然OK。我理解的是项目启动的host是localhost，但是热更新的host是127.0.0.1，它俩虽然是一个东西，但是访问不到。

事情本以为到此为止，但我还想彻底解决一下，不然每次都要配置host也麻烦，想到配置系统hosts，试了一下没有效果，好吧，一起毁灭吧，反正一天工资到手，我溜~明天再看看