如何解决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]
  • 热门搜索
    春意盎然的意思 什么可以美白牙齿 was是什么意思 小孩满月送什么礼物 砧板什么牌子好 五四运动是什么的开端 尕是什么意思 往生咒的作用 只争朝夕不负韶华的意思 a字裙适合什么身材