提示:--open自动打开浏览器localhost无法自动访问127.0.0.1。
前言
此处主要记录vue项目自动打开浏览器时,从0.0.0.0访问到127.0.0.1的几种方式。
一、解决方式
1、配置node_modules中的文件。
(1)缺点:
1)npm install之后需要重新再调整对应文件;
2)局域网无法访问项目网址。
(2)步骤:
1)找到目标文件,在node_modules/@vue/cli-service/lib/commands/serve.js路径下。
2)配置关键代码。
2、在vue.config文件中配置代理.
(1)缺点:
1)局域网无法访问项目网址。
(2)步骤:
1) 打开vue.config.js文件,配置如下代码:
devServer: {
host: 'localhost',
port: 8080
}
2)结果如下图: