在vue中出现- Network: unavailable如何解决 - options has an unknown property ‘public‘

原创 已于 2023-05-28 09:39:55 修改 · 2k 阅读 · 9 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue.js #前端 #javascript

于 2023-05-28 00:50:05 首次发布
文章讲述了在VueCLI项目中遇到的IP地址获取兼容性问题，具体涉及文件prepareURLs.js中的正则表达式。作者提供了如何找到这个文件（位于/node_modules/@vue/cli-service/lib/util/prepareURLs.js）以及如何根据自己的IP（如100.65.xx.xx）进行修改。此外，还建议关闭除以太网之外的网络连接，并在vue.config.js中自定义端口号来解决问题。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

 1.原因vue cli里面对于ip地址获取的方式兼容上有一些问题，在vue cli中有一个prepareURLs.js文件，里面有一个用于匹配ip的正则：

/^10[.]|^172[.](1[6-9]|2[0-9]|3[0-1])[.]|^192[.]168[.]/

那么，这个文件在哪？

它存在于你项目的node_modules目录中，路径：/node_modules/@vue/cli-service/lib/util/prepareURLs.js

 根据cmd命令通过ipcofig命令查看我的ip为100.65.xx.xx,修改对应的即可

2.关闭其他网络的连接

1.打开“网络和Internet设置”

2.更改适配器选项

 3.把除了以太网的连接都关闭

 3.自己添加端口号在vue.config.js中

node运行项目-Network: unavailable-没有ip地址
JackieDYH的博客
08-22 6018
vscode运行vue项目后发现Network: unavailable 是什么情况呢？可能有一下三种情况：1.多个网卡原因：打开网络共享中心，把多余的网络禁用掉，只留一个2.在中配置host及public3.系统环境变量问题。
Vue3 - Vite 解决报错 [plugin:vite:vue] [@vue/compiler-sfc] Missing semicolon. vue3+vite 在运行或打包时出现报错详细解决！
资深程序员
09-06 4236
vue3，vite，报错，提示错误，控制台错误，vue3报错Missingsemicolon，如何解决这个问题，vitevue3项目运行报错，缺少分号；缺少操作符或分号，vue3+vite提示Missingsemicolon.，vue3打包，编译打包报错，启动报错，无法启动，打包失败，vite打包发布时出现错误，npmrunbuild，plugin:vite:vue，@vue/compiler-sfc，Vue3使用vite打包时出现Missingsemicolon问题，没有额外的分号怎么排查
Network: unavailable
weixin_45676811的博客
08-02 8464
vscode运行vue项目后发现Network: unavailable，可能有一下三种情况 1. 多个网卡原因：打开网络共享中心，把多余的网络禁用掉，只留一个 2.在项目文件vue.config.js中配置host及public 以上两种解决方案在网上一搜一大把，详细操作过程随便一搜都有， 如果你确定自己的网卡没问题，代码也没有问题（即不是问题一和二），而且你是在配置了某个环境变量后遇到的这个问题，那么用以下解决方案： 1.计算机右键--属性--高级系统设置--环境变量 2.点击编辑--添
VSCode运行VUE项目，终端Network: unavailable问题解决
最新发布
TikGuy的博客
06-20 401
背景说明：我原本不是unavailable，有一次安装了一个开发需要的工具，安装完了我才发现环境变量path中的路径全部被覆盖了，之前存的环境变量都没了。这个问题其实也是环境变量的问题只要在环境变量中添加：“设置>系统>高级系统设置>环境变量。
vue运行项目时network显示unavailable的问题及解决
weixin_46443403的博客
03-05 1万+
vue项目运行
解决Vue项目Network: unavailable的问题
2301_81034686的博客
06-10 2544
4.重新使用 npm run serve 运行Vue项目，如果不行可以重启vscode在重新运行Vue项目。1.找到“环境变量”：设置-->系统-->高级系统设置-->环境变量，如下图。2.在“系统变量”中找到“Path”变量，如下图。3.在“Path”变量中。
vue3项目配置postcss-pxtorem报错，options has unknown property ‘plugins‘.
qq_40712430的博客
10-08 1851
解决vue3项目使用postcss-pxtorem插件报错
Vue-super-flow: 一个功能强大的Vue流程图组件
资源摘要信息:"vue-super-flow是一个基于Vue框架的流程图组件，允许开发者在Vue项目中轻松创建和管理流程图。通过这个组件，开发者可以提供一个流程图编辑器，用于节点的拖拽、快捷创建连接线(link)以及编辑已有的...
Custom elements in iteration require ‘v-bind:key‘ directives vue/valid-v-for解决方案
qwe122343的博客
07-01 4472
最近在使用 iView 组件库进行开发，在使用 Select 选择器 时出现问题，为什么使用模板会报错呢？ error ： Custom elements in iteration require ‘v-bind:key’ directives vue/valid-v-for 原因出在 template 里 模板语句是： <i-option v-for="item in classList" :value="item.value">{{ item.label }}</i-option&
Network：unavailable.
qq_42931285的博客
07-09 861
## Network：unavailable. 当Vue项目启动之后,只有local显示,Network显示unavailable,开始的时候以为网络的原因，因为我使用的是无线网卡，它会搜索到很多网络，所以我删除了多余的网络。 但实际上删除了也不行。后边新建了一个文件夹，叫vue.config.js 注意名字一定不能改变。然后在里面写入以下的语句。 然后发现项目就可以正常启动了。 奥利给 ...
启动项目 - Network: unavailable报错解决方法！
2301_77337099的博客
02-04 3008
启动项目 - Network: unavailable报错解决方法！
vue运行项目时local有显示 但是network却显示unavailable
旭久的博客
12-12 2068
日常开发中 和后端本地调试时 后端需要使用你的本地去访问页面 可运行项目时会出现network显示unavailable的情况。
vue项目 Network: unavailable的解决办法
热门推荐
小白
09-01 3万+
vue项目npm run serve 后，只有localhost访问，network不能访问，如下： 解决办法： 在vue项目根目录下创建vue.config.js文件 在devServer配置里面添加public，如下代码所示。 public:‘192.168.1.2:8080’, module.exports = { configureWebpack: {}, devServer: { // 环境配置 host: '0.0.0.0', pub...
解决vue项目启动network：unavailable问题
weixin_52469835的博客
12-30 1461
解决vue项目启动network：unavailable问题
vue项目启动- Network: unavailable 问题
weixin_50261167的博客
09-02 1283
Network: unavailable，不一定是缺少环境变量导致的，还有可能是少了这几行代码，不妨试一下，看能不能解决你的问题。
vue-cli出现Network unavailable详细
m0_49569569的博客
04-17 1410
这是因为你的ip地址不兼容,vue cli中有一个prepareURLs.js文件，里面有一个用于匹配ip的正则： /^10[.]|^172[.](1[6-9]|2[0-9]|3[0-1])[.]|^192[.]168[.]/ 1 很明显，用这段正则无法正确匹配到100.100.xxx的ip地址。 那么，这个文件在哪？ 它存在于你项目的node_modules目录中，路径：/node_modules/@vue/cli-service/lib/util/prepareURLs.js 我们可以在43行（
VUE--NetWork显示unavailable
缄默笙的博客
07-12 1782
vue-cli了一个项目，create以后，npm run serve时最终只有本地可以打开，但是网络上没有显示，NetWork显示unavailable 一开始也是不知道什么原因，查了很久，没办法了，试了好多，网上的改本地连接的、添加public自己编写的IP也是不能访问，终于找到了正解！！！ 在vue.config.js中添加以下代码： devServer: { public: require('os').networkInterfaces()[Object.keys(requi..
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值