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

男娘i 2024-03-16 09:46 36阅读 0赞

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

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

![7f30d733bbc54abeb22bfb4eb08474b3.png][]

**那么，这个文件在哪？**

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

![b624f8d348634399b252b1e57d0cc8dc.png][]

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

![2847bc51d3d8495baf797f22a4babf91.png][]

## 2.关闭其他网络的连接 ##

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

![1567d167d5364cc0ba3ae193354b8119.png][]

2.更改适配器选项

![601792f944bf48c1b58bb6245ab14e9b.png][]

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

![3ccb82d76dcf4cd8a1d6bb32bce5f062.png][]

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

![f37cf86c1eac47b0ae8b39bcc09aed39.png][]

[7f30d733bbc54abeb22bfb4eb08474b3.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/16/cae93e03bb294fc99f3b1bb64f9b9e2e.png
[b624f8d348634399b252b1e57d0cc8dc.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/16/f957a4215c5f4224a65e7ac3ff124560.png
[2847bc51d3d8495baf797f22a4babf91.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/16/0eded277d0f54ce98a481cb79c3d0cb5.png
[1567d167d5364cc0ba3ae193354b8119.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/16/ce29cba616514a34bcf7e9b8cb17249d.png
[601792f944bf48c1b58bb6245ab14e9b.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/16/ef2f01a14ced4e0dacd969df026787af.png
[3ccb82d76dcf4cd8a1d6bb32bce5f062.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/16/7237cbe9d9794052867b28c9385cd4c6.png
[f37cf86c1eac47b0ae8b39bcc09aed39.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/16/dda337103dac406094f7df3e2598b6e5.png