vue-cli3.0啟動項目，在局域網內其他電腦通過自己ip訪問

最近一直在使用vue-cli3.0做項目，

package.json中配置后，自啟動項目，也就沒留意過小黑窗，

"scripts": {
    "serve": "vue-cli-service serve --open",  // 自啟動瀏覽器
    "build": "vue-cli-service build"
  },

啟動后發現，如下，不僅有Local，還有 Network

 App running at:
  - Local:   http://localhost:8080
  - Network: http://110.119.114.66:8080   // 當然ip是隨意的

  Note that the development build is not optimized.
  To create a production build, run npm run build.

然后，借python大佬的電腦的一用，嘗試連接兩台電腦，使用下這個 Network,

步驟如下

1、兩台電腦連接在同一網段（同一手機無線下即可）
2、連接兩台電腦，相互ping下
    如 我的ip 110.119.114.66
        大佬的 110.119.114.88

    Win+R  --  cmd -- 下，
    相互ping，如 我ping大佬的
    
    ping 110.119.114.88  ( 只要不報超時之類的，就算成功 )

3、配置我的vue項目
    vue.config.js 中
    devServer: {
       // 由之前的 'localhost'改為如下，端口默認8080
        host:"0.0.0.0",   
    }   

4、啟動項目
    npm run serve ( 如果你沒改過scripts ，就是這個啟動命名 )

5、啟動成功后，大佬在自己電腦訪問  110.119.114.66：8080

即可

期間遇到寫小問題：

大佬連接不到我的，大佬說是防火牆問題，處理了下：

詳見  https://www.jb51.net/os/win10/300048.html

回顯請求者2個，我不知道什么時候給關閉了

 

然后，在    控制面板\系統和安全\Windows Defender 防火牆\自定義設置，中把兩個網絡的防火牆都暫時關掉，

大佬那嘎達就可以正常訪問了。

 

總結，兩點：

1、配置 host:"0.0.0.0", 
2、暫時關閉防火牆