关于vue.js:vue3-proxy本地代理

第一步在vue.config.js写上代理

devServer: {
    hot: true,
    compress: true,
    disableHostCheck: true,
    proxy: {
      "/api": {
        target: "http://xxxx:8002/Home",//你的接口地址
        changeOrigin: true,//是否跨域
        pathRewrite: {
          "^/api": ""//接口重写，示意/api结尾的就是代理到target,即是http://xxxx:8002/Home
        }
      }
    }
  },

第二步，在axios文件外面配置baseurl

const instance3 = axios.create({
  baseURL: "/api", //这里会读取vue.config外面的配置。主动重写地址。
  timeout: 60000,
  headers: {
    "Content-Type": "application/json; charset=utf-8"
  }
});

第三部，接口申请

 var _this = this;
      _this
        .$axios3({
          method: "post",
          url: "gettask", //失常申请接口地址就能够了
          data: { id:1 }
        })
        .then(function (res) {
          console.log(res);
        });

这就是残缺的本地代理设置