webpack 跨域代理设置

8 篇文章 0 订阅
7 篇文章 0 订阅

在config文件夹下的 index.js文件中 增加属性 proxyTable

dev: {
    // Paths
    assetsSubDirectory: 'static',
    assetsPublicPath: '/',
    proxyTable: {
      '/api': {
        target: "http://localhost:8760",
        changeOrigin: true
      }
    },
}

上述代码含义为:遇到/api。会替换为target的地址。比如有个请求方法getUserList,
axios请求地址baseURL配置为

const service = axios.create({
  baseURL:/api’, // api的base_url
  timeout: 300000 // 请求超时时间
})

那么请求地址是/api/getUserList,然后该请求经过http-proxy-middleware 的代理服务器,上诉代理遇到/api的会被替换为target
所以就变成了http://localhost:8760/getUserList

而如果加上

    pathRewrite: {
      '^/api': '/api'
    },

上诉地址表示:遇到最开始位置匹配到/api会被重定向到/api

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值