解決VUE項(xiàng)目localhost端口服務(wù)器拒絕連接,只能用127.0.0.1的問(wèn)題
Vue項(xiàng)目不能使用localhost:8xx0進(jìn)入項(xiàng)目,但是將localhost替換為127.0.0.1卻可以進(jìn)入。
解決辦法:
進(jìn)入文件
C:\Windows\System32\drivers\etc\hosts
用記事本打開(kāi) hosts 文件進(jìn)行編輯,看看文件里是否有
127.0.0.1 localhost
localhost 127.0.0.1
如果沒(méi)有的話就加上,具體加入位置如下
# 127.0.0.1 localhost # ::1 localhost //加上的代碼 127.0.0.1 localhost localhost 127.0.0.1 127.0.0.1 www.xmind.com
加上后便可正常使用localhost進(jìn)行訪問(wèn)!
補(bǔ)充知識(shí):
如果還是有問(wèn)題可以參照這篇文章
localhost不能訪問(wèn)127.0.0.1可以訪問(wèn)的原因及解決方法
有時(shí)候我們?cè)谡{(diào)試程序的時(shí)候,會(huì)出現(xiàn)一些莫名其妙匪夷所思的奇怪問(wèn)題,localhost不能訪問(wèn)但127.0.0.1可以訪問(wèn)的問(wèn)題就是其中之一。
我 估計(jì)大多數(shù)人都不會(huì)去想localhost到底與127.0.0.1有什么不同,就比如我,有時(shí)候用http://localhost/來(lái)訪問(wèn)本地服務(wù)器 網(wǎng)頁(yè),有時(shí)則用http://127.0.0.1/來(lái)訪問(wèn),我覺(jué)得他們是通用的表示本地服務(wù)器的兩個(gè)不同的寫(xiě)法而已,就好比一個(gè)網(wǎng)頁(yè)可以通過(guò)域名來(lái)訪問(wèn)也 可以通過(guò)IP來(lái)訪問(wèn)一樣,localhost代表的是域名,而127.0.0.1則代表IP地址。
我的理解對(duì)不對(duì)呢?我們現(xiàn)在來(lái)看看更專(zhuān)業(yè)的解讀吧。
localhost與127.0.0.1的概念和工作原理之不同
要比較兩個(gè)東西有什么不同,首先要弄清兩者的概念。所以,我們從概念開(kāi)始。
localhost:也叫l(wèi)ocal ,正確的解釋是:本地服務(wù)器
127.0.0.1:在windows等系統(tǒng)的正確解釋是:本機(jī)地址(本機(jī)服務(wù)器)
一個(gè)是“本地”,一個(gè)是“本機(jī)”。不過(guò)從這兩個(gè)詞來(lái)看,還是不能比較兩者的區(qū)別。我們?cè)倏纯此麄兊墓ぷ髟怼?/p>
localhot:是不經(jīng)網(wǎng)卡傳輸?shù)模皇芫W(wǎng)絡(luò)防火墻和網(wǎng)卡相關(guān)的的限制。
127.0.0.1:是通過(guò)網(wǎng)卡傳輸?shù)?,它依?lài)網(wǎng)卡,并受到網(wǎng)絡(luò)防火墻和網(wǎng)卡相關(guān)的限制。
通過(guò)上述概念和工作原理的比較,我想現(xiàn)在大家都心里有譜了吧,知道localhost與127.0.0.1有什么不同了。文中開(kāi)頭提到的localhost不能訪問(wèn)但127.0.0.1可以訪問(wèn)的問(wèn)題,究其原因,很可能是localhost訪問(wèn)時(shí),系統(tǒng)帶的本機(jī)當(dāng)前用戶的權(quán)限去訪問(wèn),而用ip的時(shí)候,等于本機(jī)是通過(guò)網(wǎng)絡(luò)再去訪問(wèn)本機(jī),可能涉及到網(wǎng)絡(luò)用戶的權(quán)限。
另外,我們現(xiàn)在也應(yīng)該明白了一個(gè)道理,那就是一般設(shè)置程序時(shí)本地服務(wù)用localhost是最好的,localhost不會(huì)解析成IP,也不會(huì)占用網(wǎng)卡、網(wǎng)絡(luò)資源。
localhost不能訪問(wèn)127.0.0.1可以訪問(wèn)的解決方案
一般情況下ping localhost 應(yīng)該為127.0.0.1 ,但是有時(shí)會(huì)出來(lái)下面這個(gè)東西:
>ping localhost reply from ::1: times<1ms reply from ::1: times<1ms reply from ::1: times<1ms
地址根本不是“127.0.0.1”,而是“::1:”
>ping 127.0.0.1 正常 reply from 127.0.0.1 : bytes=32 times<1ms reply from 127.0.0.1 : bytes=32 times<1ms reply from 127.0.0.1 : bytes=32 times<1ms
原因分析:
IPV6協(xié)議將127.0.0.1解析為 ::1 (127.0.0.1 ipv6的形式)
Vista開(kāi)始菜單中輸入cmd回車(chē)后打開(kāi)命令提示符,輸入ping localhost默認(rèn)的就會(huì)出現(xiàn)返回的數(shù)據(jù)包并不是127.0.0.1而是::1。這就是Ipv6格式的本地地址,
解決方案1:
修改host文件用記事本打開(kāi)C:/WINDOWS/system32/drivers/etc/hosts文件,看里面是否有包含:
127.0.0.1 localhost
如果沒(méi)有則將其添加進(jìn)去,再查看能否訪問(wèn)localhost。
host文件部分內(nèi)容
# 127.0.0.1 localhost # ::1 localhost 127.0.0.1localhost localhost 127.0.0.1
解決方案2:
1、打開(kāi)Internert信息管理查看IIS是否啟動(dòng),且默認(rèn)網(wǎng)站時(shí)候已經(jīng)開(kāi)啟;
2、打開(kāi)http://127.0.0.1/ 看是否能訪問(wèn)IIS的默認(rèn)網(wǎng)頁(yè),能訪問(wèn)則說(shuō)明IIS已經(jīng)成功安裝到電腦上,可能是無(wú)法解析localhost;
3、開(kāi)始--命令(cmd)--ping localhost,看是否能ping通,從127.0.0.1上返回信息,如果成功則說(shuō)明可以解析localhost;
4、如果上一步不成功,則用記事本打開(kāi)C:/WINDOWS/system32/drivers/etc/hosts文件,看里面是否有包含:127.0.0.1 localhost ,如果沒(méi)有則將其添加進(jìn)去,再查看能否訪問(wèn)localhost。
5、嘗試將網(wǎng)站的主目錄指向另一個(gè)目錄或新建一個(gè)虛擬目錄,并在該新目錄創(chuàng)建一個(gè)新的網(wǎng)頁(yè)文件,如index.html,然后將其加到默認(rèn)網(wǎng)站的"文檔"項(xiàng)中作為默認(rèn)訪問(wèn)的網(wǎng)頁(yè),重新輸入網(wǎng)址:http://localhost/,看否能訪問(wèn)。
6、還是不行的話將IIS卸載掉,重新再安裝一次。
解決問(wèn)題的思路:
1、ping一下localhost,這個(gè)是關(guān)鍵,看看是否能ping通,然后看解析到那個(gè)ip地址下去了
2、然后查看本機(jī)的hosts文件,看看是否有被修改,如果被修改,就改回正常的模式
3、解決問(wèn)題本質(zhì),ipconfig看看網(wǎng)絡(luò)是否正常,如果不正常就進(jìn)行修復(fù)
4、用殺毒軟件或者360等修復(fù)軟件進(jìn)行掃描,看看是否存在惡意插件或者病毒,然后清除,一勞永逸!
5、多動(dòng)腦,想辦法解決問(wèn)題,善于用搜索引擎。
以上這篇解決VUE項(xiàng)目localhost端口服務(wù)器拒絕連接,只能用127.0.0.1的問(wèn)題就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
vue.config.js文件devServer字段的常用選項(xiàng)詳解
在?Vue?CLI?生成的?vue.config.js?文件中,devServer?字段用于配置開(kāi)發(fā)服務(wù)器的選項(xiàng),本文給大家介紹vue.config.js文件devServer字段的常用選項(xiàng),感興趣的朋友一起看看吧2023-11-11解決ElementUI組件中el-upload上傳圖片不顯示問(wèn)題
這篇文章主要介紹了解決ElementUI組件中el-upload上傳圖片不顯示問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2022-10-10解決element ui el-row el-col里面高度不一致問(wèn)題
這篇文章主要介紹了解決element ui el-row el-col里面高度不一致問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-08-08VueJs路由跳轉(zhuǎn)——vue-router的使用詳解
本篇文章主要介紹了VueJs路由跳轉(zhuǎn)——vue-router的使用,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-01-01vue+element實(shí)現(xiàn)頁(yè)面頂部tag思路詳解
這篇文章主要介紹了vue+element實(shí)現(xiàn)頁(yè)面頂部tag效果,頁(yè)面顯示由數(shù)組循環(huán)得出,數(shù)組可存儲(chǔ)在store里,tags數(shù)組里面已經(jīng)有值,由于默認(rèn)是白色,所以頁(yè)面上看不出,接下來(lái)就是給選中的標(biāo)簽高亮,需要的朋友可以參考下2021-12-12