美文网首页
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