react配置反向代理

1.下载包

npm i http-proxy-middleware

2.在src文件夹新建文件setupProxy.js

const {createProxyMiddleware} =require('http-proxy-middleware')  //导入需要的包,解构出需要的模块

module.exports=function(app)
{
    app.use(
        '/ajax',   //这里的路径是表示需要代理请求的路径开头,所有以这个路径开头的请求地址均需要进行反向代理
        createProxyMiddleware({
        target:'https://m.maoyan.com', //反向代理的外地服务器ip地址,使用域名也可以
        changeOrigin:true,  //需要跨域,为true
   		//pathRewrite:{} 是否需要路径重写,如果你是以自己重新命名的路径开头,那么你需要重写那个开头,以保证向外地服务器发送正确的请求url地址
    }))
}

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值