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

vue项目不能使用localhost访问

问题

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

解决办法

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

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

OK，问题解决~

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

1. 在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表示的是默认路由，即当路由表中没有找到完全匹配的路由的时候所对应的路由。

用途总结

• 当一台主机还没有被分配一个IP地址的时候，用于表示主机本身。（DHCP分配IP地址的时候）
• 用作默认路由，表示”任意IPV4主机”。
• 用来表示目标机器不可用。
• 用作服务端，表示本机上的任意IPV4地址。

网关地址 0.0.0.0 表示直连规则，即当前记录对应的 Destination 跟本机在同一个网段，通信时不需要经过网关(路由器)。也就是说使用二层交换机通过MAC即可通信。

• 命中容器的路由表直连规则，意思是目的IP是在局域网内，不用走到出口网关
• 局域网内直接是通过二层网络来发送包。

总结

以上为个人经验，希望能给大家一个参考，也希望大家多多支持。