vue運行項目時network顯示unavailable

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

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

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

深究發(fā)現(xiàn)，vue等在本地啟動服務之前，會先解析本地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)絡共享中心，把多余的網(wǎng)絡禁用掉，只留一個        

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)設置--環(huán)境變量

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

注：

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

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

修復完成

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

最新評論