VsCode运行Vue项目时，Network显示为unavailable_vscode启动后network: unavailable

使用vue cli启动vue项目时，本地地址可以显示，但是Network显示unavailable。

1.打开网络设置，如果有多个网络启用，必须要禁用除了网络和共享中心正在连接中的以外的其他网络

2.在项目根目录新建vue.config.js（vue cli3没有这个，必须手动新建），在这里配置

 devServer: {
    public: '192.1.2.153',
    port: '8080',
    index: 'homework.html',
    proxy: {
      "/api": {
        target: "http://192.1.2.74:8081/edu/",
        pathRewrite: {
          "^/api": ""
        },
        ws: true,
        changeOrigin: true
      }
    }
  },
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

public里可以手动填入自己的ip地址，port是端口号。注意要将host修改为public，如果用host就会出现Local和Network相同的情况。

使用host：

使用public后：

打开网址的时候注意要加端口号