vue项目不能使用localhost访问如何解决

2023-04-26,

本篇内容主要讲解“vue项目不能使用localhost访问如何解决”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“vue项目不能使用localhost访问如何解决”吧!

    vue项目不能使用localhost访问

    问题

    vue项目不能使用localhost访问,但是使用本机的ip加端口号是可以访问的

    解决办法

    如果使用的是webstorm的话.可能右下角会有错误的提示,打开就会发现提示win10的防火墙拦截了

    所以,关闭防火墙.再次使用localhost访问

    OK,问题解决~

    为何vue打包的项目只能localhost才能访问,本机IP不可以?

    在config/index.js,把host:'localhost'改为host:'0.0.0.0',重新编译即可

    ip 0.0.0.0 是什么意思

    IPV4中,0.0.0.0地址被用于表示一个无效的,未知的或者不可用的目标。

    作用

    • 在服务器中,0.0.0.0指的是本机上的所有IPV4地址,如果一个主机有两个IP地址,192.168.1.1 和 10.1.2.1,并且该主机上的一个服务监听的地址是0.0.0.0 和端口 8080,那么通过这两个<ip地址:8080>都能够访问该服务。

    • 在路由中,0.0.0.0表示的是默认路由,即当路由表中没有找到完全匹配的路由的时候所对应的路由。

    到此,相信大家对“vue项目不能使用localhost访问如何解决”有了更深的了解,不妨来实际操作一番吧!这里是本站网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!

    《vue项目不能使用localhost访问如何解决.doc》

    下载本文的Word格式文档,以方便收藏与打印。