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

最新推荐文章于 2024-04-16 01:46:12 发布

minx_6688

最新推荐文章于 2024-04-16 01:46:12 发布

阅读量190

点赞数 1

分类专栏： vue 文章标签： vue

本文链接：https://blog.csdn.net/mwh_user/article/details/106649900

版权

vue 专栏收录该内容

8 篇文章 1 订阅

订阅专栏

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

这里有个博文以供参考
参考地址
target是你的目标地址

module.exports = {
  devServer: {
    proxy: {
      '/apd': {
        target: 'http://xx.xxxx.com',
        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 => {
   
      })
    },