使用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
      }
    }
  },

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

使用host:
在这里插入图片描述
使用public后:
在这里插入图片描述

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

Logo

前往低代码交流专区

更多推荐