如何解决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]
  • 热门搜索
    油泼面的家常做法 癸怎么读 孜然羊肉做法 排骨汤做法 烩菜的做法 苹果怎么截图 亢怎么读 排骨的做法大全 提拉米苏蛋糕的做法 肉包子的做法和配方