Vue項(xiàng)目localhost:8080無法訪問此網(wǎng)站，拒絕了我們的連接請(qǐng)求的解決方案
一、背景描述
前端頁面使用的是vue，vue項(xiàng)目啟動(dòng)成功，沒有任何報(bào)錯(cuò)，服務(wù)控制臺(tái)已出現(xiàn)APP訪問地址，如下圖所示：
點(diǎn)擊訪問地址，瀏覽器打開后頁面先是空白，然后過了一會(huì)兒顯示無法訪問此網(wǎng)站，localhost拒絕了我們的連接請(qǐng)求頁面，信息如下：
二、問題原因
出現(xiàn)此問題的原因有以下幾種：請(qǐng)挨個(gè)進(jìn)行檢查：
原因1、項(xiàng)目未成功啟動(dòng)；
原因2、端口被占用；
原因3、Windows功能未啟用；
三、解決方案
針對(duì)上述三種原因，分別對(duì)應(yīng)三種解決方案：
方案一：重啟前端和后端服務(wù)
項(xiàng)目未成功啟動(dòng)，則需要查看前端項(xiàng)目為什么沒有啟動(dòng)成功，這個(gè)原因復(fù)雜不再具體說明，可以試著重啟服務(wù)項(xiàng)目，多重啟幾次。
方案二：關(guān)閉被占用的端口程序，或者換新的其他端口重啟服務(wù)
最簡單的方法便是項(xiàng)目重新?lián)Q一個(gè)新的端口號(hào)重啟。
或者關(guān)閉被占用的端口程序，操作如下：
【W(wǎng)IN + R】打開命令提示符，輸入 netstat -aon|findstr “8081” ，
（此處我查看的端口是8081，注意更換成自己的端口號(hào)）
出現(xiàn)如圖所示，8081端口被占用，且占用該程序的PID號(hào)為143132，接著【Ctrl + Alt + Delete】打開任務(wù)管理器，找到PID號(hào)為143132的進(jìn)程，結(jié)束該進(jìn)程，然后再重啟服務(wù)項(xiàng)目即可。
方案三：啟動(dòng)Windows功能
打開“我的電腦”，選擇左上角的“計(jì)算機(jī)”中的“卸載或更改程序”。點(diǎn)擊“啟用或關(guān)閉Windows功能”。（Windows10版本的位置在，【W(wǎng)IN + I】快捷鍵打開Windows設(shè)置頁面，找到<應(yīng)用–程序和功能>路徑下）如下圖所示：
點(diǎn)擊確定，然后瀏覽器驗(yàn)證，localhost已經(jīng)可以訪問了！
以上就是Vue項(xiàng)目localhost:8080無法訪問此網(wǎng)站，拒絕了我們的連接請(qǐng)求的解決方案的詳細(xì)內(nèi)容，更多關(guān)于Vue localhost無法訪問此網(wǎng)站的資料請(qǐng)關(guān)注腳本之家其它相關(guān)文章！
相關(guān)文章
vue使用echarts實(shí)現(xiàn)立體柱形圖
這篇文章主要為大家詳細(xì)介紹了vue使用echarts實(shí)現(xiàn)立體柱形圖，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-04-04
vue3如何利用自定義指令實(shí)現(xiàn)下拉框分頁懶加載
下拉框一開始請(qǐng)求第一頁的內(nèi)容,滾動(dòng)到最后的時(shí)候,請(qǐng)求第二頁的內(nèi)容,如此反復(fù),直到所有數(shù)據(jù)加載完成,這篇文章主要介紹了vue3如何利用自定義指令實(shí)現(xiàn)下拉框分頁懶加載,需要的朋友可以參考下2024-07-07
本篇文章主要介紹了Vue引入遠(yuǎn)程JS文件，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-04-04
這篇文章主要介紹了關(guān)于單文件組件.vue的使用，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-09-09
vue3系統(tǒng)進(jìn)入頁面前的權(quán)限判斷和重定向方式
這篇文章主要介紹了vue3系統(tǒng)進(jìn)入頁面前的權(quán)限判斷和重定向方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-03-03
Vue?element-ui中表格過長內(nèi)容隱藏顯示的實(shí)現(xiàn)方式
在Vue項(xiàng)目中,使用ElementUI渲染表格數(shù)據(jù)時(shí),如果某一個(gè)列數(shù)值長度超過列寬,會(huì)默認(rèn)換行,造成顯示不友好,下面這篇文章主要給大家介紹了關(guān)于Vue?element-ui中表格過長內(nèi)容隱藏顯示的實(shí)現(xiàn)方式,需要的朋友可以參考下2022-09-09
Vue源碼解析之?dāng)?shù)據(jù)響應(yīng)系統(tǒng)的使用
這篇文章主要介紹了Vue源碼解析之?dāng)?shù)據(jù)響應(yīng)系統(tǒng)的使用，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04
Vue中Axios配置不同的baseURL,請(qǐng)求不同的域名接口方式
這篇文章主要介紹了Vue中Axios配置不同的baseURL,請(qǐng)求不同的域名接口方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-07-07
Vue數(shù)據(jù)監(jiān)聽器watch和watchEffect的使用
今天我們來學(xué)習(xí)一下watch監(jiān)聽器和它的好兄弟watchEffect監(jiān)聽器。這個(gè)相對(duì)來說比較簡單，用的不是很多，當(dāng)然了，根據(jù)自己的項(xiàng)目情況自行決定使用，希望對(duì)大家有所幫助2023-02-02
在實(shí)際的項(xiàng)目中,和后臺(tái)的數(shù)據(jù)交互是少不了的,我通常使用的是 axios 庫,所以下面這篇文章主要給大家介紹了關(guān)于vue封裝axios與api接口管理的相關(guān)資料,需要的朋友可以參考下2022-01-01