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

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

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

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