如何实现多个后端共用一个前端?

现在微服务化盛行,但是微服务并不意味着多个前端,而比较好的实践是:多个微服务后端共用一个前端。

怎么实现多个微服务后端共用一个前端,统一提供服务呢?

React可以实现,通过代理,把不同的url导向不同的微服务。

//package.json中加入
//some scripts
,
  "proxy": {
    "/api/RoomApi": {
      "target": "http://open.douyucdn.cn",
      "changeOrigin":true
    },
    "/api/v1":{
      "target":"http://capi.douyucdn.cn",
      "changeOrigin":true
    }
  }

参考:

1、https://segmentfault.com/q/1010000012094380

2、https://segmentfault.com/a/1190000008635891

猜你喜欢

转载自www.cnblogs.com/shengulong/p/9508093.html