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