Javascript React JS:从服务器渲染迁移到纯客户端

Javascript React JS:从服务器渲染迁移到纯客户端,javascript,node.js,reactjs,gulp,serverside-javascript,Javascript,Node.js,Reactjs,Gulp,Serverside Javascript,我有一个react项目,它以前是使用NodeJSServer设置的,它同时使用客户端和服务器端渲染和路由。我需要移动它,以便它使用纯客户端渲染/路由。我该怎么做呢 server.js文件如下所示: var Router = require('react-router').Router; var routes = require('./public/js/' + defaultAppName + '/' + defaultAppName + '.node.js'); app.get('*', f

我有一个react项目,它以前是使用NodeJSServer设置的,它同时使用客户端和服务器端渲染和路由。我需要移动它,以便它使用纯客户端渲染/路由。我该怎么做呢

server.js文件如下所示:

var Router = require('react-router').Router;
var routes = require('./public/js/' + defaultAppName + '/' + defaultAppName + '.node.js');

app.get('*', function (req, res, next) {

  var location = new Location(req.path, req.query);

  try {
    Router.run(routes(), location, function (e, i, t) {
      var str = ReactDOMServer.renderToString(
        React.createElement(Router, i));
    });
  } catch (e) {
    console.error(e);
    return next();
  }
});
目录结构如下所示-

|- server.js
|- gulpfile.js
|- public
  |- js
    |- app.node.js
|- src
  |-jsx
    |  |-app
    |  |  |-actions
    |  |  |-components
    |  |  |-reducers
    |  |  |-routes
    |  |  |-index.html
  |-sass
    |  |-app
    |  |  |-main

从服务器端代码中删除路由,并为任何url提供应用程序的index.html,并让路由由应用程序入口点处理。e、 g

var static_path   = path.join(__dirname, 'public');
app.use(express.static(static_path));

     app.get('/', function (req, res) {
         res.sendFile('index.html', {
             root: static_path
         });
     });
应用程序的内部入口点,例如app.jsx

var ReactDom = require('react-dom');
var Routes = require('/path/to/routes');

ReactDom.render(Routes, document.querySelector('.any-place-on-dom'));