vue配置域名访问,解决“Invalid Host header”问题(杀webcache)

时代在召唤,So,本菜也来赶赶时髦玩玩vue,耶!

小编身为有备案域名的男人,玩vue自然要在公网撩。服务搭好,点开http://www.yixzm.cn:8080/#/后一脸懵逼……

Invalid Host header

参考网友的方法解决vue项目中的“Invalid Host header”,修改webpack.dev.conf.js文件后,很痛心的发现并没有生效。

百思终于得琪姐,修改后执行npm run dev,不是一种及时生效的手段。及时killnode或者npm相关进程,依然不行。因为这些进程监听的不是8080端口,而是8081或者8082等等……
这意味着,需要kill其他的进程。

lsof -i:8080

我们看到这样的进程:

node    29382 root   13u  IPv4 15847295      0t0  TCP *:webcache (LISTEN)

我们杀掉,再启动 npm run dev,耶终于看到一片明朗的http://www.yixzm.cn:8080/#/

附:webpack.dev.conf.js修改内容,devServer中增加disableHostCheck: true,

版权声明

弈心博客


本文首发site_name,转载请附上博文链接!