vue-cli5.0.8安装vue项目后,默认打开0.0.0.0地址的解决办法
vue-cli5.0.8安装vue项目后,发现默认的打开地址是0.0.0.0,而不是localhost。百度了下,都是关于怎么同时设置localhost和ip打开项目的。这并不是我想要的答案。最后查了下,有人指出只需要设置useLocalIp: true
即可。我顺手试了下,好家伙,直接给整报错了。
最后我看了下webpack以前的文档,发现原来是webpack的devServer配置项移除useLocalIp了。那这可咋整了。如是就把webpack5下devServer的文档读了一遍,发现好像可以用open这个配置项试试,指定默认打开的地址
后来我想,这应该不只有我一个人遇到这个问题,要不用谷歌搜索试试,看是否有其他人有更好的解决办法。如是简单搜索了下,看来没啥好办法。最终在github上看到了相关类似问题,解决的思路和我差不多。地址我放到文末了。
我的解决代码
javascript
const port = process.env.PORT || 8080
devServer: {
open: [`http://localhost:${port}`]
}
参考地址:
https://github.com/vuejs/vue-cli/issues/6834
https://webpack.js.org/configuration/dev-server/
https://v4.webpack.js.org/configuration/dev-server/