欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Vue項目localhost:8080無法訪問此網(wǎng)站,拒絕了我們的連接請求的解決方案

 更新時間:2024年12月19日 11:05:21   作者:No8g攻城獅  
前端頁面使用的是vue,vue項目啟動成功,沒有任何報錯,服務(wù)控制臺已出現(xiàn)APP訪問地址,點擊訪問地址出現(xiàn)無法訪問此網(wǎng)站,拒絕了我們的連接請求,所以本文給大家介紹了Vue項目localhost:8080無法訪問此網(wǎng)站,拒絕了我們的連接請求的解決方案,需要的朋友可以參考下

一、背景描述

前端頁面使用的是vue,vue項目啟動成功,沒有任何報錯,服務(wù)控制臺已出現(xiàn)APP訪問地址,如下圖所示:

在這里插入圖片描述

點擊訪問地址,瀏覽器打開后頁面先是空白,然后過了一會兒顯示無法訪問此網(wǎng)站,localhost拒絕了我們的連接請求頁面,信息如下:

在這里插入圖片描述

二、問題原因

出現(xiàn)此問題的原因有以下幾種:請挨個進(jìn)行檢查:

原因1、項目未成功啟動;
原因2、端口被占用;
原因3、Windows功能未啟用;

三、解決方案

針對上述三種原因,分別對應(yīng)三種解決方案:

方案一:重啟前端和后端服務(wù)

項目未成功啟動,則需要查看前端項目為什么沒有啟動成功,這個原因復(fù)雜不再具體說明,可以試著重啟服務(wù)項目,多重啟幾次。

方案二:關(guān)閉被占用的端口程序,或者換新的其他端口重啟服務(wù)

最簡單的方法便是項目重新?lián)Q一個新的端口號重啟。

或者關(guān)閉被占用的端口程序,操作如下:

【W(wǎng)IN + R】打開命令提示符,輸入 netstat -aon|findstr “8081” ,
(此處我查看的端口是8081,注意更換成自己的端口號)

在這里插入圖片描述

出現(xiàn)如圖所示,8081端口被占用,且占用該程序的PID號為143132,接著【Ctrl + Alt + Delete】打開任務(wù)管理器,找到PID號為143132的進(jìn)程,結(jié)束該進(jìn)程,然后再重啟服務(wù)項目即可。

方案三:啟動Windows功能

打開“我的電腦”,選擇左上角的“計算機”中的“卸載或更改程序”。點擊“啟用或關(guān)閉Windows功能”。(Windows10版本的位置在,【W(wǎng)IN + I】快捷鍵打開Windows設(shè)置頁面,找到<應(yīng)用–程序和功能>路徑下)如下圖所示:

在這里插入圖片描述

在這里插入圖片描述

點擊確定,然后瀏覽器驗證,localhost已經(jīng)可以訪問了!

以上就是Vue項目localhost:8080無法訪問此網(wǎng)站,拒絕了我們的連接請求的解決方案的詳細(xì)內(nèi)容,更多關(guān)于Vue localhost無法訪問此網(wǎng)站的資料請關(guān)注腳本之家其它相關(guān)文章!

相關(guān)文章

  • vue使用echarts實現(xiàn)立體柱形圖

    vue使用echarts實現(xiàn)立體柱形圖

    這篇文章主要為大家詳細(xì)介紹了vue使用echarts實現(xiàn)立體柱形圖,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2022-04-04
  • vue3如何利用自定義指令實現(xiàn)下拉框分頁懶加載

    vue3如何利用自定義指令實現(xiàn)下拉框分頁懶加載

    下拉框一開始請求第一頁的內(nèi)容,滾動到最后的時候,請求第二頁的內(nèi)容,如此反復(fù),直到所有數(shù)據(jù)加載完成,這篇文章主要介紹了vue3如何利用自定義指令實現(xiàn)下拉框分頁懶加載,需要的朋友可以參考下
    2024-07-07
  • Vue如何引入遠(yuǎn)程JS文件

    Vue如何引入遠(yuǎn)程JS文件

    本篇文章主要介紹了Vue引入遠(yuǎn)程JS文件,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2017-04-04
  • 關(guān)于單文件組件.vue的使用

    關(guān)于單文件組件.vue的使用

    這篇文章主要介紹了關(guān)于單文件組件.vue的使用,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2018-09-09
  • vue3系統(tǒng)進(jìn)入頁面前的權(quán)限判斷和重定向方式

    vue3系統(tǒng)進(jìn)入頁面前的權(quán)限判斷和重定向方式

    這篇文章主要介紹了vue3系統(tǒng)進(jìn)入頁面前的權(quán)限判斷和重定向方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
    2024-03-03
  • Vue?element-ui中表格過長內(nèi)容隱藏顯示的實現(xiàn)方式

    Vue?element-ui中表格過長內(nèi)容隱藏顯示的實現(xiàn)方式

    在Vue項目中,使用ElementUI渲染表格數(shù)據(jù)時,如果某一個列數(shù)值長度超過列寬,會默認(rèn)換行,造成顯示不友好,下面這篇文章主要給大家介紹了關(guān)于Vue?element-ui中表格過長內(nèi)容隱藏顯示的實現(xiàn)方式,需要的朋友可以參考下
    2022-09-09
  • Vue源碼解析之?dāng)?shù)據(jù)響應(yīng)系統(tǒng)的使用

    Vue源碼解析之?dāng)?shù)據(jù)響應(yīng)系統(tǒng)的使用

    這篇文章主要介紹了Vue源碼解析之?dāng)?shù)據(jù)響應(yīng)系統(tǒng)的使用,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2019-04-04
  • Vue中Axios配置不同的baseURL,請求不同的域名接口方式

    Vue中Axios配置不同的baseURL,請求不同的域名接口方式

    這篇文章主要介紹了Vue中Axios配置不同的baseURL,請求不同的域名接口方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
    2024-07-07
  • Vue數(shù)據(jù)監(jiān)聽器watch和watchEffect的使用

    Vue數(shù)據(jù)監(jiān)聽器watch和watchEffect的使用

    今天我們來學(xué)習(xí)一下watch監(jiān)聽器和它的好兄弟watchEffect監(jiān)聽器。這個相對來說比較簡單,用的不是很多,當(dāng)然了,根據(jù)自己的項目情況自行決定使用,希望對大家有所幫助
    2023-02-02
  • vue封裝axios與api接口管理的完整步驟

    vue封裝axios與api接口管理的完整步驟

    在實際的項目中,和后臺的數(shù)據(jù)交互是少不了的,我通常使用的是 axios 庫,所以下面這篇文章主要給大家介紹了關(guān)于vue封裝axios與api接口管理的相關(guān)資料,需要的朋友可以參考下
    2022-01-01

最新評論