axios proxyTable 跨域代理

灰太狼 2021-04-12 15:28 853阅读 0赞

本地的vue-cli搭建的环境

  1. http://localhost:8088

需要访问测试服务器上的接口

  1. https://product.willpayment.com/qrpay.open/mch/login

使用webpack的

  1. http-proxy-middleware 进行代理,

下面进行配置

config/index.js文件,在dev开发环境配置

  1. proxyTable: {
  2.   '/qrpay.open':{
  3.     target:'http://wallet.wallet:8080/qrpay.open',
  4.     changeOrigin:true,
  5.     pathRewrite:{
  6.       '^/qrpay.open':'/qrpay.open'
  7.     }
  8.   }
  9. }

调用接口

axios.get(‘/qrpay.open/mch/login’)

但是结果却不是期待的那样

190629\_rx97\_2647675.png

代理出错了,查阅文档,多次怀疑是不是代理配置写错了,可是并不是,通过百度百度百度,

  1. secure: false  需要设置安全为false

duangduangduang~~ 终于可以了

查阅 https://www.npmjs.com/package/http-proxy-middleware

190938\_u8Uk\_2647675.png

关闭ssl认证

发表评论

表情：
评论列表 （有 0 条评论，853人围观）

还没有评论，来说两句吧...

相关阅读