vue運(yùn)行項(xiàng)目時(shí)network顯示unavailable

vue-cli了一個(gè)項(xiàng)目，create以后，npm run serve時(shí)最終只有本地可以打開，但是網(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等在本地啟動(dòng)服務(wù)之前，會先解析本地IP地址，類似cmd中ipconfig，ip地址取ipv4的值填充network的ip，所以至此就要保證，本地的網(wǎng)卡唯一性，即使是無連接的網(wǎng)卡，也得禁用，保證有效連接網(wǎng)路唯一性

node運(yùn)行項(xiàng)目-Network: unavailable-沒有ip地址

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

可能有一下三種情況：

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

2.在中配置host及public        

3.系統(tǒng)環(huá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)境變量配置問題

計(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)行是非常重要的，不能刪，刪了就會導(dǎo)致系統(tǒng)網(wǎng)絡(luò)的一些問題，其中就有上面的network：unavailable的出現(xiàn)  

修復(fù)完成

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

最新評論