vue項(xiàng)目不能使用localhost訪問(wèn)

問(wèn)題

vue項(xiàng)目不能使用localhost訪問(wèn),但是使用本機(jī)的ip加端口號(hào)是可以訪問(wèn)的

解決辦法

如果使用的是webstorm的話.可能右下角會(huì)有錯(cuò)誤的提示，打開(kāi)就會(huì)發(fā)現(xiàn)提示win10的防火墻攔截了

所以，關(guān)閉防火墻.再次使用localhost訪問(wèn)

OK，問(wèn)題解決~

為何vue打包的項(xiàng)目只能localhost才能訪問(wèn)，本機(jī)IP不可以？

1. 在config/index.js,把host:'localhost'改為host:'0.0.0.0',重新編譯即可

ip 0.0.0.0 是什么意思

IPV4中，0.0.0.0地址被用于表示一個(gè)無(wú)效的，未知的或者不可用的目標(biāo)。

作用

• 在服務(wù)器中，0.0.0.0指的是本機(jī)上的所有IPV4地址，如果一個(gè)主機(jī)有兩個(gè)IP地址，192.168.1.1 和 10.1.2.1，并且該主機(jī)上的一個(gè)服務(wù)監(jiān)聽(tīng)的地址是0.0.0.0 和端口 8080,那么通過(guò)這兩個(gè)<ip地址:8080>都能夠訪問(wèn)該服務(wù)。
• 在路由中，0.0.0.0表示的是默認(rèn)路由，即當(dāng)路由表中沒(méi)有找到完全匹配的路由的時(shí)候所對(duì)應(yīng)的路由。

用途總結(jié)

• 當(dāng)一臺(tái)主機(jī)還沒(méi)有被分配一個(gè)IP地址的時(shí)候，用于表示主機(jī)本身。（DHCP分配IP地址的時(shí)候）
• 用作默認(rèn)路由，表示”任意IPV4主機(jī)”。
• 用來(lái)表示目標(biāo)機(jī)器不可用。
• 用作服務(wù)端，表示本機(jī)上的任意IPV4地址。

網(wǎng)關(guān)地址 0.0.0.0 表示直連規(guī)則，即當(dāng)前記錄對(duì)應(yīng)的 Destination 跟本機(jī)在同一個(gè)網(wǎng)段，通信時(shí)不需要經(jīng)過(guò)網(wǎng)關(guān)(路由器)。也就是說(shuō)使用二層交換機(jī)通過(guò)MAC即可通信。

• 命中容器的路由表直連規(guī)則，意思是目的IP是在局域網(wǎng)內(nèi)，不用走到出口網(wǎng)關(guān)
• 局域網(wǎng)內(nèi)直接是通過(guò)二層網(wǎng)絡(luò)來(lái)發(fā)送包。

總結(jié)

以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。 

最新評(píng)論