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

 时间:2026-02-16 02:19:32

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]
  • 热门搜索
    初中数学手抄报 小学生手抄报制作技巧入门 手抄报设计图 文明礼貌手抄报 小学生数学手抄报 中学生手抄报 我和祖国共成长手抄报 关于秋天的手抄报 亲子共读手抄报 劳动节手抄报的文字