Vue項(xiàng)目localhost:8080無(wú)法訪問(wèn)此網(wǎng)站，拒絕了我們的連接請(qǐng)求的解決方案
一、背景描述
前端頁(yè)面使用的是vue，vue項(xiàng)目啟動(dòng)成功，沒(méi)有任何報(bào)錯(cuò)，服務(wù)控制臺(tái)已出現(xiàn)APP訪問(wèn)地址，如下圖所示：
點(diǎn)擊訪問(wèn)地址，瀏覽器打開(kāi)后頁(yè)面先是空白，然后過(guò)了一會(huì)兒顯示無(wú)法訪問(wèn)此網(wǎng)站，localhost拒絕了我們的連接請(qǐng)求頁(yè)面，信息如下：
二、問(wèn)題原因
出現(xiàn)此問(wè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)目為什么沒(méi)有啟動(dòng)成功，這個(gè)原因復(fù)雜不再具體說(shuō)明，可以試著重啟服務(wù)項(xiàng)目，多重啟幾次。
方案二：關(guān)閉被占用的端口程序，或者換新的其他端口重啟服務(wù)
最簡(jiǎn)單的方法便是項(xiàng)目重新?lián)Q一個(gè)新的端口號(hào)重啟。
或者關(guān)閉被占用的端口程序，操作如下：
【W(wǎng)IN + R】打開(kāi)命令提示符，輸入 netstat -aon|findstr “8081” ，
（此處我查看的端口是8081，注意更換成自己的端口號(hào)）
出現(xiàn)如圖所示，8081端口被占用，且占用該程序的PID號(hào)為143132，接著【Ctrl + Alt + Delete】打開(kāi)任務(wù)管理器，找到PID號(hào)為143132的進(jìn)程，結(jié)束該進(jìn)程，然后再重啟服務(wù)項(xiàng)目即可。
方案三：?jiǎn)?dòng)Windows功能
打開(kāi)“我的電腦”，選擇左上角的“計(jì)算機(jī)”中的“卸載或更改程序”。點(diǎn)擊“啟用或關(guān)閉Windows功能”。（Windows10版本的位置在，【W(wǎng)IN + I】快捷鍵打開(kāi)Windows設(shè)置頁(yè)面，找到<應(yīng)用–程序和功能>路徑下）如下圖所示：
點(diǎn)擊確定，然后瀏覽器驗(yàn)證，localhost已經(jīng)可以訪問(wèn)了！
以上就是Vue項(xiàng)目localhost:8080無(wú)法訪問(wèn)此網(wǎng)站，拒絕了我們的連接請(qǐng)求的解決方案的詳細(xì)內(nèi)容，更多關(guān)于Vue localhost無(wú)法訪問(wèn)此網(wǎng)站的資料請(qǐng)關(guān)注腳本之家其它相關(guān)文章！
相關(guān)文章
Vue處理循環(huán)數(shù)據(jù)流程示例精講
這篇文章主要介紹了Vue處理循環(huán)數(shù)據(jù)流程，這個(gè)又是一個(gè)編程語(yǔ)言，?模版語(yǔ)法里面必不可少的一個(gè)，?也是使用業(yè)務(wù)場(chǎng)景使用最多的一個(gè)環(huán)節(jié)。所以學(xué)會(huì)使用循環(huán)也是重中之重了2023-04-04
使用Vue-Router 2實(shí)現(xiàn)路由功能實(shí)例詳解
vue-router 2只適用于Vue2.x版本，下面我們是基于vue2.0講的如何使用vue-router 2實(shí)現(xiàn)路由功能,需要的朋友可以參考下2017-11-11
uniapp+vue3實(shí)現(xiàn)自定義封裝支付密碼組件
本文介紹使用Vue3語(yǔ)法在uniapp中自定義封裝支付密碼組件,通過(guò)父組件與子組件的交互實(shí)現(xiàn)密碼輸入功能,并附效果圖展示,感興趣的朋友跟隨小編一起看看吧2025-08-08
本篇文章主要介紹了淺談vue中慎用style的scoped屬性，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-11-11
每個(gè)Vue實(shí)例在創(chuàng)建時(shí)都要經(jīng)過(guò)一系列初始化,?例如設(shè)置數(shù)據(jù)監(jiān)聽(tīng)、編譯模板、將實(shí)例掛載到DOM并在數(shù)據(jù)變化時(shí)更新DOM等，同時(shí),?也會(huì)運(yùn)行一些叫作生命周期鉤子的函數(shù)，接下來(lái)讓我們一起來(lái)探索Vue實(shí)例被創(chuàng)建時(shí)都經(jīng)歷了什么，感興趣的同學(xué)跟著小編一起來(lái)探討吧2023-05-05
vite+vue3+element-plus搭建項(xiàng)目的踩坑記錄
這篇文章主要介紹了vite+vue3+element-plus搭建項(xiàng)目的踩坑記錄,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-10-10
elementui?el-table底層背景色修改簡(jiǎn)單方法
最近在做項(xiàng)目的時(shí)候遇到個(gè)需求,需要修改el-table背景色,這里給大家總結(jié)下,這篇文章主要給大家介紹了關(guān)于elementui?el-table底層背景色修改的相關(guān)資料,需要的朋友可以參考下2023-10-10
淺談使用mpvue開(kāi)發(fā)小程序需要注意和了解的知識(shí)點(diǎn)
這篇文章主要介紹了淺談使用mpvue開(kāi)發(fā)小程序需要注意和了解的知識(shí)點(diǎn)，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-05-05
vue如何動(dòng)態(tài)生成andv圖標(biāo)
這篇文章主要介紹了vue如何動(dòng)態(tài)生成andv圖標(biāo)問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-10-10
Nuxt3封裝useFetch請(qǐng)求并防止參數(shù)自動(dòng)更新請(qǐng)求方式
這篇文章主要介紹了Nuxt3封裝useFetch請(qǐng)求并防止參數(shù)自動(dòng)更新請(qǐng)求方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2026-03-03