如何解决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]
  • 热门搜索
    海南国际旅游岛规划 长春大学旅游学院教务系统 大理古城旅游 大连海岛旅游攻略 丽江旅游地图 美国个人旅游签证 中国旅游资讯网 安徽黄山旅游景点 岳阳旅游景点 上海有哪些旅游景点