vue项目启动后没有局域网地址问题
作者:蕉君桑
这篇文章主要介绍了vue项目启动后没有局域网地址问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
vue项目启动后没有局域网地址
方法一:修改config配置文件
打开项目的config/index.js文件将host: "0.0.0.0"修改为host: '本机ip地址',
查看本机IP地址,cmd输入ipconfig其中IPV4就是IP地址,ip地址好像每次联网之后都会变,如果打不开了就查看下IP地址是否变化
方法二:修改package文件的scripts配置
在dev后面加上本机IP地址
此方法启动后在终端仍然只显示一个本地地址,没有局域网地址,但是我们可以直接在浏览器输入本机IP地址加:8080端口号查看项目,当启动多个项目时注意端口号会根据情况而变化
本地启动vue项目,局域网内访问
1.修改package.json内启动命令 ,在后边添加 --host 本机局域网IP
2.打开webpack配置文件 添加 disableHostCheck: true,
3. 重启项目,关闭电脑防火墙 ,同一局域网内的其他设备就可以访问了
总结
以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。