vue運(yùn)行項(xiàng)目時(shí)network顯示unavailable的問(wèn)題及解決
vue運(yùn)行項(xiàng)目時(shí)network顯示unavailable
vue-cli了一個(gè)項(xiàng)目,create以后,npm run serve時(shí)最終只有本地可以打開(kāi),但是網(wǎng)絡(luò)上沒(méi)有顯示,network顯示unavailable
一開(kāi)始也是不知道什么原因,查了很舊,沒(méi)辦法了,繼續(xù)試了下,最終發(fā)現(xiàn)原來(lái)是網(wǎng)卡原因(禁用網(wǎng)絡(luò)和共享中心的除正在連接網(wǎng)路以外的其他網(wǎng)絡(luò))
刪除多余無(wú)用網(wǎng)卡,只留唯一現(xiàn)在接入網(wǎng)路的網(wǎng)卡,發(fā)現(xiàn)netwoek妥妥的起來(lái)
深究發(fā)現(xiàn),vue等在本地啟動(dòng)服務(wù)之前,會(huì)先解析本地IP地址,類(lèi)似cmd中ipconfig,ip地址取ipv4的值填充network的ip,所以至此就要保證,本地的網(wǎng)卡唯一性,即使是無(wú)連接的網(wǎng)卡,也得禁用,保證有效連接網(wǎng)路唯一性
node運(yùn)行項(xiàng)目-Network: unavailable-沒(méi)有ip地址
vscode運(yùn)行vue項(xiàng)目后發(fā)現(xiàn)Network: unavailable 是什么情況呢?
可能有一下三種情況:
1.多個(gè)網(wǎng)卡原因:打開(kāi)網(wǎng)絡(luò)共享中心,把多余的網(wǎng)絡(luò)禁用掉,只留一個(gè)
2.在中配置host及public
3.系統(tǒng)環(huán)境變量問(wèn)題
方式一:項(xiàng)目文件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 // 配置自動(dòng)啟動(dòng)瀏覽器 } }
方式二:系統(tǒng)環(huán)境變量配置問(wèn)題
計(jì)算機(jī)右鍵--屬性--高級(jí)系統(tǒng)設(shè)置--環(huán)境變量
C:\Windows\system32C:\WindowsC:\Windows\System32\Wbem
注:
配完環(huán)境變量再重啟vscode,再重新運(yùn)行項(xiàng)目,發(fā)現(xiàn)network有了ip+port。
tips:WBEM是管理協(xié)議和網(wǎng)絡(luò)標(biāo)準(zhǔn)技術(shù)的一項(xiàng)業(yè)界倡議,這個(gè)程序?qū)δ阆到y(tǒng)的正常運(yùn)行是非常重要的,不能刪,刪了就會(huì)導(dǎo)致系統(tǒng)網(wǎng)絡(luò)的一些問(wèn)題,其中就有上面的network:unavailable的出現(xiàn)
修復(fù)完成
以上為個(gè)人經(jīng)驗(yàn),希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
Vue?+?SpringBoot?實(shí)現(xiàn)文件的斷點(diǎn)上傳、秒傳存儲(chǔ)到Minio的操作方法
這篇文章主要介紹了Vue?+?SpringBoot?實(shí)現(xiàn)文件的斷點(diǎn)上傳、秒傳存儲(chǔ)到Minio的操作方法,本文給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友參考下吧2024-06-06Vue實(shí)現(xiàn)關(guān)聯(lián)頁(yè)面多級(jí)跳轉(zhuǎn)(頁(yè)面下鉆)功能的完整實(shí)例
這篇文章主要給大家介紹了關(guān)于Vue實(shí)現(xiàn)關(guān)聯(lián)頁(yè)面多級(jí)跳轉(zhuǎn)(頁(yè)面下鉆)功能的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2021-03-03Vue路由的模塊自動(dòng)化與統(tǒng)一加載實(shí)現(xiàn)
這篇文章主要介紹了Vue路由的模塊自動(dòng)化與統(tǒng)一加載實(shí)現(xiàn),文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-06-06vue實(shí)現(xiàn)標(biāo)簽云效果的示例
這篇文章主要介紹了vue實(shí)現(xiàn)標(biāo)簽云效果的示例,幫助大家更好的理解和使用vue框架,感興趣的朋友可以了解下2020-11-11vue3中el-table實(shí)現(xiàn)表格合計(jì)行的示例代碼
這篇文章主要介紹了vue3中el-table實(shí)現(xiàn)表格合計(jì)行,本文給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友參考下吧2024-01-01vue雙向數(shù)據(jù)綁定指令v-model的用法
這篇文章主要介紹了vue雙向數(shù)據(jù)綁定指令v-model的用法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2022-08-08vue實(shí)現(xiàn)input文本框只能輸入0-99的正整數(shù)問(wèn)題
這篇文章主要介紹了vue實(shí)現(xiàn)input文本框只能輸入0-99的正整數(shù)問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2022-10-10