vue项目npm run dev启起来之后network显示unavailable的解决办法

根据网上的说的网络适配器的原因,去禁用了多余的网络,发现还是没有用,后面发现是环境变量的问题的。

1,Windows10—>打开编辑系统环境变量控制面板

编辑

2,去编辑-添加-C:\windows\System32\Wbem环境变量-确定

确定

3,配完环境变量再重启vscode,再重新运行项目,发现network有了ip+port。

tips:去百度了一下:WBEM是管理协议和网络标准技术的一项业界倡议,这个程序对你系统的正常运行是非常重要的,不能删,删了就会导致系统网络的一些问题,其中就有上面的network:unavailable的出现。

  • 17
    点赞
  • 33
    收藏
    觉得还不错? 一键收藏
  • 8
    评论
问题的原因可能是你的开发服务器配置中的public参数设置不正确。根据引用\[1\]和引用\[2\]的内容,你可以尝试以下两种方法来解决这个问题。 方法一:在webpack配置文件中添加public参数 在你的webpack配置文件中,找到devServer配置项,并将public参数设置为你的本机IP地址和端口号,如下所示: ``` public: '本机IP地址:8080', ``` 确保将"本机IP地址"替换为你的实际IP地址。然后重新运行npm run dev命令,看看问题是否解决。 方法二:在package.json文件中添加serve命令 在你的package.json文件中,找到"scripts"字段,并将"serve"命令修改为以下内容: ``` "serve": "vue-cli-service serve --public 0.0.0.0:8080", ``` 确保将"0.0.0.0"替换为你的实际IP地址。然后重新运行npm run dev命令,看看问题是否解决。 如果以上方法都没有解决你的问题,可能是由于你的电脑上有多个IPv4地址导致的。根据引用\[3\]的内容,当你的电脑上有多个IPv4地址时,npm run dev命令可能会显示"network unavailable"。你可以尝试在命令行中指定具体的IP地址来解决这个问题,例如: ``` npm run dev -- --host 你的IP地址 ``` 将"你的IP地址"替换为你的实际IP地址。这样可以确保开发服务器使用正确的IP地址进行动。 希望以上方法能够帮助你解决问题。如果问题仍然存在,请提供更多的信息,以便我能够给出更准确的解决方案。 #### 引用[.reference_title] - *1* [Vue2 dev network:unavailable解决办法](https://blog.csdn.net/kingheart_/article/details/127879470)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* *3* [关于VUE中无法npm run serve后network unavailable的解决办法](https://blog.csdn.net/freydog/article/details/124908194)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 8
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值