【uniapp】公众号h5端配置代理解决跨域问题

1、hbuilder内置浏览器不存在跨域问题,如果是普通web页面,可以使用hubilder内置浏览器调试
2、但,微信公众号h5端只能用【微信开发者工具-公众号网页项目】调试,所以这里我们可以配置proxy代理来解决跨域问题

  1. 首先需要在调用的接口前面统一配置一个基础前缀,例如在config.js中设置basePrefixUrl: '/dev-api',之后在request请求的接口前面拼接上basePrefixUrl(设置基础地址前缀的目的是为了proxy能识别到携带这个前缀的请求,识别到之后会自动转发代理到你配置的目标服务器上)
  2. 在manifest.json中配置proxy信息
    "h5" : {
       "devServer" : {
           "proxy" : {
               "/dev-api" : {  // 这个字段名需与你配置的basePrefixUrl一致,系统识别到带有/dev-api请求的地址时,会在前面拼接上代理服务器地址
                   "target" : "https://xxx", // 代理服务器域名或IP地址
                   "changeOrigin" : true, // 允许跨域 
                   "pathRewrite" : {
                       "^/dev-api" : ""  // 重写地址,如果实际接口中是不带/dev-api,需要将这个前缀置空,因为这个前缀只是为了识别用,识别完之后就没用了
                   }
               }
           }
       }
    
  • 9
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值