vue项目启动后没有局域网地址问题
更新时间：2023年09月26日 16:22:28 作者：蕉君桑
这篇文章主要介绍了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. 重启项目，关闭电脑防火墙 ，同一局域网内的其他设备就可以访问了
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
ECharts是一个强大的画图插件,在vue项目中,我们常常可以引用Echarts来完成完成一些图表的操作,下面这篇文章主要给大家介绍了关于在Vue3中如何更优雅的使用echart图表的相关资料,需要的朋友可以参考下2022-05-05
这篇文章主要介绍了如何设置Vue全局公共方法，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-05-05
这篇文章主要介绍了Vue3.0中的monorepo管理模式的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-10-10
今天小编就为大家分享一篇vue动态改变背景图片demo分享，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-09-09
本文主要介绍了vue3 setup点击跳转页面的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧2023-10-10
这篇文章主要介绍了Vue之文件加载执行全流程，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-04-04
这篇文章主要介绍了vue鼠标悬停事件，本文通过示例代码给大家介绍的非常详细，具有一定的参考借鉴价值 ,需要的朋友可以参考下2019-04-04
今天小编就为大家分享一篇关于详解vue-router导航守卫，小编觉得内容挺不错的，现在分享给大家，具有很好的参考价值，需要的朋友一起跟随小编来看看吧2019-01-01
这篇文章主要为大家详细介绍了vue3.0手动封装分页组件的方法，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-09-09
这篇文章主要介绍了vue-router 路由传参用法,结合实例形式分析了vue-router 路由传参基本使用方法及操作注意事项,需要的朋友可以参考下2020-03-03
最新评论