当你想运行完项目,让他自动打开浏览器的时候,都会按照官方文档 DevServer | webpack , 在vue.config.js 里面加上
module.exports = defineConfig({
devServer: {
open: true
}
})
但是吧,运行完打开的浏览器地址是 http://0.0.0.0:8080/ 这样的根本不对呀.
解决方案:
module.exports = defineConfig({
devServer: {
host: 'localhost',
open: true
}
})
这样就能成功打开了,但是 他这个host 属性一设置 Local和Network就变成一样的了
Local: http://localhost:8080/
Network: http://localhost:8080/
如果想按照之前Network的ip显示的话写成这样
module.exports = defineConfig({
devServer: {
host: '你电脑的ip地址',
// host: 'localhost',
open: true
}
})
这样 你的 Local 和 Network 就都变成ip了.
网友评论