vue运行项目时local有显示 但是network却显示unavailable

最新推荐文章于 2025-06-20 10:00:41 发布
最新推荐文章于 2025-06-20 10:00:41 发布
阅读量2k 收藏 8
点赞数 5
CC 4.0 BY-SA版权
文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/zgx200318/article/details/144425058

问题描述

日常开发中 和后端本地调试时  后端需要使用你的本地去访问页面  可运行项目时会出现network显示unavailable的情况

解决方式

1.其实这只是vue脚手架对于ip地址获取的方式兼容上有一些问题 但其实是不影响ip访问本地的  你可以直接cmd内ipconfig去查看自己的ip然后拼接上项目运行的端口号即可  所以不推荐浪费时间在设置这个上面

2.win10的话可以打开编辑系统环境变量面板  添加一个C:\Windows\System32\wbem即可  添加后重新启动编辑器和项目即可出现network  若还没出现的话可以进行切换网络尝试（如果使用局域网内其它电脑无法访问，可能是防火墙设置之类问题）

3.win11的话检查下你的系统有没有开启wmic命令（win11 23H2之前可添加，win11 24H2添加失败，微软删除了该功能）

旭久
关注
node运行项目-Network: unavailable-没有ip地址
JackieDYH的博客
08-22 6014
vscode运行vue项目后发现Network: unavailable 是什么情况呢？可能有一下三种情况：1.多个网卡原因：打开网络共享中心，把多余的网络禁用掉，只留一个2.在中配置host及public3.系统环境变量问题。
启动vue项目的时候遇到报错信息：Error: spawn cmd ENOENT
猿小白的博客
07-31 1619
使用npm run dev 运行vue项目的时候遇到了这个报错信息。throw er;npm ERR!npm ERR!npm ERR!npm ERR!npm ERR!npm ERR!npm ERR!npm ERR!
解决vue项目启动network：unavailable问题
weixin_52469835的博客
12-30 1458
解决vue项目启动network：unavailable问题
vue项目启动不显示Network，及Network无法访问的问题
lzping_719的专栏
05-30 513
在vue.config.js（或者配置config了的，就在config下的index.js ）文件下设置devServer中的public属性值需要修改为自己电脑 IPV4 地址 ,获取IPV4 地址方法，Win + R 打开运行窗口，输入 ipconfig 回车后会出现一串信息，复制IPV4 地址即可。调试地址，但是无法访问，还需设置一下vue.config.js 和 package.json 文件。文件中 scripts 下的 dev 或者 serve 后面加上 --host 0.0.0.0。
vue项目 Network: unavailable的解决办法
weixin_45506057的博客
02-06 2092
vscode运行vue项目后发现Network: unavailable
解决Vue项目Network: unavailable的问题
2301_81034686的博客
06-10 2544
4.重新使用 npm run serve 运行Vue项目，如果不行可以重启vscode在重新运行Vue项目。1.找到“环境变量”：设置-->系统-->高级系统设置-->环境变量，如下图。2.在“系统变量”中找到“Path”变量，如下图。3.在“Path”变量中。
vue运行项目时network显示unavailable的问题及解决
热门推荐
weixin_46443403的博客
03-05 1万+
vue项目运行
vue项目启动- Network: unavailable 问题
weixin_50261167的博客
09-02 1283
Network: unavailable，不一定是缺少环境变量导致的，还有可能是少了这几行代码，不妨试一下，看能不能解决你的问题。
docker从安装到部署vue+springboot前后端分离项目（一站式）
m0_72618563的博客
07-28 1296
docker怎么部署vue3+springboot前后端分离项目？从docker安装到项目部署，本文一站式解决！
VueCLI学习--安装+创建项目
pick_ears的博客
07-13 459
文章目录安装CLI创建项目启动项目代码工具使用方法安装插件 安装CLI 前提，先安装node.js以及npm，然后打开cmd，输入下列代码 查看vue的版本，然后选择对应的安装代码（分为新版本和旧版本）这里是vue3版本之上的安装步骤 C:\Users\Administrator>vue --version @vue/cli 4.5.13 查看node的版本，已安装node.js C:\Users\Administrator>node -v v14.17.3 安装CLI C:\Users
《vue.js从入门到项目实战》之Vue项目化笔记
wsdchong的博客
06-11 1542
Vue项目化 前言： 《vue.js从入门到项目实战》的第六章和第八章。尝试一下Vue项目化的过程。 前置内容：vue的基础知识 上次学习了《vue.js从入门到项目实战》的前六章，重点学习了第二、三、四章的Vue实例和模板语法；了解了一下Vue组件（可复用的Vue实例）和Vue项目化（Vue CLI、Vue router、vuex） 接触了一部分Vue项目化的理论，这次对这一部分进行实践，边实践边记录遇到的问题。 文章目录Vue项目化前言：理论内容Vue脚手架：Vue CLI前端路由：Vue router
vue项目：Network: unavailable
m0_49072553的博客
11-01 554
vue项目：npm run serve 时 Network: unavailable 解决：
VSCode运行VUE项目，终端Network: unavailable问题解决
TikGuy的博客
06-20 398
背景说明：我原本不是unavailable，有一次安装了一个开发需要的工具，安装完了我才发现环境变量path中的路径全部被覆盖了，之前存的环境变量都没了。这个问题其实也是环境变量的问题只要在环境变量中添加：“设置>系统>高级系统设置>环境变量。
vue运行项目时network：unavailble的解决方法
m0_65069237的博客
12-15 2446
因为WBEM是管理协议和网络标准技术的一项业界倡议，这个程序对系统的正常运行是非常重要的，所以不能删，必须保存环境变量中，删了就会导致系统网络的一些问题，其中network：unavailable的出现就是问题之一。
Network: unavailable
weixin_45676811的博客
08-02 8464
vscode运行vue项目后发现Network: unavailable，可能有一下三种情况 1. 多个网卡原因：打开网络共享中心，把多余的网络禁用掉，只留一个 2.在项目文件vue.config.js中配置host及public 以上两种解决方案在网上一搜一大把，详细操作过程随便一搜都有， 如果你确定自己的网卡没问题，代码也没有问题（即不是问题一和二），而且你是在配置了某个环境变量后遇到的这个问题，那么用以下解决方案： 1.计算机右键--属性--高级系统设置--环境变量 2.点击编辑--添
运行vue项目时发现：network:unavailable
weixin_45278871的博客
12-27 3138
这里写自定目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 欢迎使用Markdown编辑器 你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mark
vue运行项目时network显示unavailable
weixin_45531945的博客
10-12 1096
在启动项目后再控制台出现的问题如下图所示（应该是改动到node的问题导致）： 当时出现这个问题后就去百度：有说是开启了多个网卡的问题、或者在环境变量path追加一个变量，但这都不能解决我的问题，后面看到一个是在vue.config.js配置个network，如下图： 加粗样式 虽然暂时能解决问题，ip也是动态的，但是端口号是写死的（有时会存在端口冲突的问题），且如果每启动一个vue项目都要这样配置那不是很麻烦。后来在百度中找到说是因为对于node做了改动导致的，那我就试着重新安装node，果然解决了问题（
App running at: - Local: http://localhost:8080 - Network: unavailable Note that the development build is not optimized. To create a production build, run npm run build.
最新发布
07-11
在开发过程中，如果本地运行的开发服务器显示 `App running at Local http://localhost:8080`，但提示“Network unavailable”或无法通过局域网访问，通常涉及以下几个方面的问题与解决方案： ### 1. 网络配置问题 ...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值