RESTful API（react-router + express）を使ってサーバー側レンダリングを行う方法はありますか？

Question

私はSSRの反応に問題があります。私は私のアプリルートマネージャーとして反応ルータを使用します。

サーバ側で

、それはこの（server.js）のように見えることがあります。

var app = express(); 
app.get("*",function(req, res){ 
    match({routes:AppRoutes, location:req.url}, 

     function(err, redirectLocation, renderProps){ 
     if (error) { 
      res.send(500, error.message) 
     } else if (redirectLocation) { 
      res.redirect(302, redirectLocation.pathname + redirectLocation.search) 
     } else if (renderProps) { 
      res.send(200, renderToString(<RoutingContext {...renderProps} />)) 
     } else { 
      res.send(404, 'Not found') 
     } 
    }); 
}); 

をする場合には反応し、ルータはすべてのGETルートを消費し、私は、サーバー側でのRESTfulなAPIを必要とする場合、どのように行いますそれを反応経路から分離するか？

そして、私はフロントエンドの成分を持つ場合：

class Post extends Component{ 
    componentDidMount(){ 
     fetch('/api/post') 
     .then(function(response){ 
       //change component state or do other 
     }) 
     .catch(function(err){ 
      //handle error 
     }) 
    } 
    render(){ 
     // 
    } 
} 

は、どのようにこのコンポーネントは、RESTfulなAPIにより、サーバと通信していますか？
Expressは、そのようなRESTfulなAPI構造を提供できますか？

app.get("/api/post",function(){ 
    //do something and response 
}); 

私は本当に理解していません。

Answer 1

Q：「反応ルータがすべてのGETルートを消費する場合、サーバー側でRESTful APIが必要な場合、どのように反応ルートから分離するのですか？」

A：あなたは、あなたが書いたコードとAPIの呼び出しを聞くことができます。

app.get("/api/post",function(){ 
    //do something and response 
}); 

しかし、あなたは"*"をリッスンあなたの他のコードの上にそれを配置する必要があります。

Q：「このコンポーネントはRESTful APIによってサーバーとどのように通信しますか？」

A：コンポーネントはサーバー上でレンダリングするときにAjax呼び出しを行いません。関数componentDidMountはサーバー側では呼び出されません。