vue/cli-创建的项目中如何做反向代理

在vue项目的根目录下创建一个vue.config.js

这里有个博文以供参考

参考地址1：blog.csdn.net/qq_38738083…)

参考链接2：blog.csdn.net/gu2022_3_5_…

参考链接3：blog.csdn.net/NinKorn/art…

target是你的目标地址

module.exports = {
  devServer: {
    proxy: {
      '/apd': {
        target: 'http://xx.xxxx.xxx', //此处填写后端接口
        changeOrigin: true,
        pathRewrite: {
          '/apd': ''
        }
      }
    }
  }
}

然后在向后台发送请求的页面
在请求的url上的最开头加上apd（用别的名字也行，就不要跟url上的有重复）

    getItemList () {
      this.loading = true
      //
      Axios.get('/apd/api/v2/home/recommends', {
        params: {
          pageIndex: this.pageIndex,
          pageSize: this.pageSize
        }
      }).then(response => {
   
      })
    },