如何實現多個后端共用一個前端？

現在微服務化盛行，但是微服務並不意味着多個前端，而比較好的實踐是：多個微服務后端共用一個前端。

怎么實現多個微服務后端共用一個前端，統一提供服務呢？

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