Javascript React JS:从服务器渲染迁移到纯客户端
我有一个react项目,它以前是使用NodeJSServer设置的,它同时使用客户端和服务器端渲染和路由。我需要移动它,以便它使用纯客户端渲染/路由。我该怎么做呢 server.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
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'));