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

vue運行項目時network顯示unavailable的問題及解決

 更新時間:2022年09月15日 15:04:06   作者:Yogic  
這篇文章主要介紹了vue運行項目時network顯示unavailable的問題及解決,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教

vue運行項目時network顯示unavailable

vue-cli了一個項目,create以后,npm run serve時最終只有本地可以打開,但是網(wǎng)絡(luò)上沒有顯示,network顯示unavailable

一開始也是不知道什么原因,查了很舊,沒辦法了,繼續(xù)試了下,最終發(fā)現(xiàn)原來是網(wǎng)卡原因(禁用網(wǎng)絡(luò)和共享中心的除正在連接網(wǎng)路以外的其他網(wǎng)絡(luò))

刪除多余無用網(wǎng)卡,只留唯一現(xiàn)在接入網(wǎng)路的網(wǎng)卡,發(fā)現(xiàn)netwoek妥妥的起來

深究發(fā)現(xiàn),vue等在本地啟動服務(wù)之前,會先解析本地IP地址,類似cmd中ipconfig,ip地址取ipv4的值填充network的ip,所以至此就要保證,本地的網(wǎng)卡唯一性,即使是無連接的網(wǎng)卡,也得禁用,保證有效連接網(wǎng)路唯一性

node運行項目-Network: unavailable-沒有ip地址

vscode運行vue項目后發(fā)現(xiàn)Network: unavailable 是什么情況呢?

可能有一下三種情況:

1.多個網(wǎng)卡原因:打開網(wǎng)絡(luò)共享中心,把多余的網(wǎng)絡(luò)禁用掉,只留一個        

2.在中配置host及public        

3.系統(tǒng)環(huán)境變量問題

方式一:項目文件vue.config.js文件中配置

module.exports = {
    configureWebpack: {},
    devServer: { // 環(huán)境配置
      host: '0.0.0.0',
      public: '192.168.1.2:8080', // 此處是自己電腦IP地址!
      port: '8080',
      https: false,
      disableHostCheck: true,
      open: false // 配置自動啟動瀏覽器
    }
}

方式二:系統(tǒng)環(huán)境變量配置問題

計算機右鍵--屬性--高級系統(tǒng)設(shè)置--環(huán)境變量

C:\Windows\system32C:\WindowsC:\Windows\System32\Wbem

注:

配完環(huán)境變量再重啟vscode,再重新運行項目,發(fā)現(xiàn)network有了ip+port。

tips:WBEM是管理協(xié)議和網(wǎng)絡(luò)標(biāo)準(zhǔn)技術(shù)的一項業(yè)界倡議,這個程序?qū)δ阆到y(tǒng)的正常運行是非常重要的,不能刪,刪了就會導(dǎo)致系統(tǒng)網(wǎng)絡(luò)的一些問題,其中就有上面的network:unavailable的出現(xiàn)  

修復(fù)完成

以上為個人經(jīng)驗,希望能給大家一個參考,也希望大家多多支持腳本之家。

相關(guān)文章

  • Vue?+?SpringBoot?實現(xiàn)文件的斷點上傳、秒傳存儲到Minio的操作方法

    Vue?+?SpringBoot?實現(xiàn)文件的斷點上傳、秒傳存儲到Minio的操作方法

    這篇文章主要介紹了Vue?+?SpringBoot?實現(xiàn)文件的斷點上傳、秒傳存儲到Minio的操作方法,本文給大家介紹的非常詳細,對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友參考下吧
    2024-06-06
  • Vuex中狀態(tài)管理器的使用詳解

    Vuex中狀態(tài)管理器的使用詳解

    這篇文章主要介紹了Vuex狀態(tài)管理器的使用,本文通過實例代碼給大家介紹的非常詳細,對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下
    2022-06-06
  • vue使用反向代理解決跨域問題方案

    vue使用反向代理解決跨域問題方案

    這篇文章主要為大家介紹了vue使用反向代理解決跨域問題方案詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
    2023-01-01
  • Vue實現(xiàn)關(guān)聯(lián)頁面多級跳轉(zhuǎn)(頁面下鉆)功能的完整實例

    Vue實現(xiàn)關(guān)聯(lián)頁面多級跳轉(zhuǎn)(頁面下鉆)功能的完整實例

    這篇文章主要給大家介紹了關(guān)于Vue實現(xiàn)關(guān)聯(lián)頁面多級跳轉(zhuǎn)(頁面下鉆)功能的相關(guān)資料,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2021-03-03
  • Vue路由的模塊自動化與統(tǒng)一加載實現(xiàn)

    Vue路由的模塊自動化與統(tǒng)一加載實現(xiàn)

    這篇文章主要介紹了Vue路由的模塊自動化與統(tǒng)一加載實現(xiàn),文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2020-06-06
  • vue實現(xiàn)標(biāo)簽云效果的示例

    vue實現(xiàn)標(biāo)簽云效果的示例

    這篇文章主要介紹了vue實現(xiàn)標(biāo)簽云效果的示例,幫助大家更好的理解和使用vue框架,感興趣的朋友可以了解下
    2020-11-11
  • vue3中el-table實現(xiàn)表格合計行的示例代碼

    vue3中el-table實現(xiàn)表格合計行的示例代碼

    這篇文章主要介紹了vue3中el-table實現(xiàn)表格合計行,本文給大家介紹的非常詳細,對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友參考下吧
    2024-01-01
  • vue雙向數(shù)據(jù)綁定指令v-model的用法

    vue雙向數(shù)據(jù)綁定指令v-model的用法

    這篇文章主要介紹了vue雙向數(shù)據(jù)綁定指令v-model的用法,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
    2022-08-08
  • 使用vue-antd動態(tài)切換主題

    使用vue-antd動態(tài)切換主題

    這篇文章主要介紹了使用vue-antd動態(tài)切換主題,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
    2022-10-10
  • vue實現(xiàn)input文本框只能輸入0-99的正整數(shù)問題

    vue實現(xiàn)input文本框只能輸入0-99的正整數(shù)問題

    這篇文章主要介紹了vue實現(xiàn)input文本框只能輸入0-99的正整數(shù)問題,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
    2022-10-10

最新評論