第八步:React路由(服務(wù)端)

2021-10-23 14:25 更新

第八步:React路由(服務(wù)端)

打開server.js并將下面的代碼粘貼到文件最前面,我們需要導(dǎo)入這些模塊:

var swig  = require('swig');
var React = require('react');
var Router = require('react-router');
var routes = require('./app/routes');

然后,將下面的中間件也加入到server.js中去,放在現(xiàn)有的Express中間件之后。

app.use(function(req, res) {
  Router.run(routes, req.path, function(Handler) {
    var html = React.renderToString(React.createElement(Handler));
    var page = swig.renderFile('views/index.html', { html: html });
    res.send(page);
  });
});

以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)