启动vue项目既能localhost访问又能通过ip访问

作者: 玄言默 | 来源:发表于2019-07-30 16:29 被阅读0次

在初始化完一个vue项目(基于vue-cli 和webpack)之后，我们可以通过 npm run dev来让这个项目跑起来，

然后就可以在浏览器里输入localhost:8080就可以访问该项目了。

如果想通过 ip地址进行访问时，就需要配置本地服务器设置文件。

1：找到config文件夹下的index.js文件，将host的值改为 0.0.0.0

2：改完之后，重新运行项目，就可以通过 ip 地址访问了。但是并不能通过localhost访问，需要修改项目的配置文件package.json，在dev的值后面添加 --host 0.0.0.0。注意：要把0.0.0.0改为ip地址，修改完配置文件后要重新运行项目才会生效哦！。

3：还有一点，config文件夹下的index.js文件中把 autoOpenBrowser 的值修改为 true ，npm run dev运行项目后会自动打开浏览器。

网友评论

本文标题：启动vue项目既能localhost访问又能通过ip访问

本文链接：https://www.haomeiwen.com/subject/qxbnrctx.html

启动vue项目既能localhost访问又能通过ip访问