26.devServer的其他配置-host解析

Posted 2023-03-13

参考技术A 假如我们把 devServer.host 的值设置为 localhost 或 127.0.0.1 ,执行 npm run serve ,把项目运行起来，我们可以在本主机上通过 localhost 或 127.0.0.1 访问本项目的网页，但是在同一个网段下的我的同事在他的电脑上是无法访问的。
如果我希望项目运行起来后，不仅在我的主机上可以访问，在同一个网段下的我的同事的主机也可以访问，可以把 devServer.host 设置为 '0.0.0.0'

这样，在我的主机上依然可以通过 localhost 或 127.0.0.1 访问本项目的网页，在同一个网段下的我的同事在他的电脑上可以通过访问我的ip地址访问项目网页

如果手动在 vue.config.js 文件中把 devServer.host 设置为 localhost ,运行项目，发现只能通过 http://localhost:8080/ 访问项目了

可以看到，只能通过这个链接访问了，那就说明只能本机访问，别的电脑是不能访问的，
说明vue cli创建项目时默认设置 devServer.host 为 '0.0.0.0'