vue執行後network的IP地址訪問不了

之前執行vue時network顯示unavailable

App running at:
  - Local:   http://localhost:8080/
  - Network: unavailable

經過查詢解決了這個問題
在vue.config.js新增以下程式碼

module.exports = {
  configureWebpack: {},
  devServer: { // 環境配置
    host: '0.0.0.0',
    public: '172.20.3.3:8080',
    port: '8080',
    https: false,
    disableHostCheck: true,
    open: false // 配置自動啟動瀏覽器
  },

於是network有IP地址了，可是點選之後卻無法訪問

 App running at:
  - Local:   http://localhost:8080/
  - Network: http://172.20.3.3:8080/

經過搜尋發現是IP地址搞錯了也就是public: '172.20.3.3:8080',這一行程式碼
怎麼檢視自己電腦IP地址呢？
1、滑鼠右擊網路，點選屬性

2點選更改介面卡設定

3在網路連線視窗中雙擊開啟正在使用的網路

4點選詳細資訊

檢視IP地址

修改複製的之前別人的IP地址

修改前：public: '172.20.3.3:8080',

修改後：public: '192.167.101.19:8080',
重新執行就可以正常訪問啦