如何解决vue项目ip地址无法访问的问题

 时间:2026-04-22 01:26:15

1、在编写项目时,有的时候localhost的链接是可以正常访问的,但是我们需要在其他设备上也访问到改地址,所以就需要ip地址进行访问了,但是ip访问提示我们无法访问此网站。

如何解决vue项目ip地址无法访问的问题

如何解决vue项目ip地址无法访问的问题

2、查看config文件夹下的 index.js

如何解决vue项目ip地址无法访问的问题

如何解决vue项目ip地址无法访问的问题

3、修改index.js

将host: 'localhost'改为

host:’0.0.0.0’

如何解决vue项目ip地址无法访问的问题

4、停掉服务 Ctrl+c

如何解决vue项目ip地址无法访问的问题

5、重启服务

如何解决vue项目ip地址无法访问的问题

如何解决vue项目ip地址无法访问的问题

6、查看效果,

图一为localhost

图二为ip地址

可以看到均可以正常的访问了

如何解决vue项目ip地址无法访问的问题

如何解决vue项目ip地址无法访问的问题

  • 成为优秀的驾驶员要具备什么呢?
  • vscode编辑器怎么设置显示边栏?
  • 如何关闭网易云音乐的个性化服务功能?
  • webservice怎么部署到服务器
  • [VS2017使用]创建Windows桌面应用程序项目[TZZ]
  • 热门搜索
    笔记本怎么连接wifi 晟怎么读音是什么 cpu风扇怎么拆 雪佛兰怎么样 茶宠怎么养 头皮痛是怎么回事 怎么去香港 拭怎么组词 吃虾过敏怎么办 瘦金体怎么练