美文网首页
create-react-app 解决axios跨域问题

create-react-app 解决axios跨域问题

作者: 写代码的杰西 | 来源:发表于2020-01-03 14:52 被阅读0次
npm install http-proxy-middleware --save

src目录建立setupProxy.js文件

const proxy = require('http-proxy-middleware')
 
module.exports = function(app) {

  app.use(proxy('/weixinapi', 
    {
        "target": "https://api.weixin.qq.com",
        "changeOrigin": true,
        "pathRewrite":{"^/weixinapi":""}
    }))
}

然后请求地址里

import axios from 'axios'

export function databaseQuery(accessToken,query,env){
    return axios.post(`/weixinapi/tcb/databasequery?access_token=${accessToken}`, {
        query,env
      })
}

原本的url: https://api.weixin.qq.com/tcb/databasequery
/weixinapi 这个是自己自定义的

相关文章

网友评论

      本文标题:create-react-app 解决axios跨域问题

      本文链接:https://www.haomeiwen.com/subject/lebzoctx.html