【React-admin】构建React应用(1)-基于react-admin实现多个服务器代理

1. 前言

我想,作为前端开发,代理是必不可少知识点。它可以解决我们本地测试与服务器联调产生的跨域问题/资源共享问题

我们知道使用nodejs时,会通过npm run start 或者yarn start的命令启动项目,会在本地起个服务。前后端分离,就会导致,前端与后端在不同的机器上,要想访问服务端代码,请求api接口,那么就需要配置代理。

不管基于什么框架,配置代理都是必不可少的。

如果你服务端的api接口都有固定的开头即/api或者其他的开头,但是都一样,那么你只要配置一个就可以了。但是我所开发的项目往往是需要多个项目共同支撑的,所以接口的开头并不是同一个,那么就需要配置多个。

1.1 antd.pro配置单个代理

先看一下antd.pro怎么配置一个

export default {
   
  dev: {
   
    '/frame': {
   
      target: 'http://192.168.1.96:9000',
      changeOrigin: true,
      pathRewrite: {
    '^': '' },
    }
};

配置单个代理&

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值