Option	Type	Require	Description
routes	ReactElement	yes	react-router routes
createApp	options:Object => app:DvaApp	yes	function init Dva App and return it
renderFullPage	{html:String, state:Object} => fullHtml:String	yes	use html fragment and state into a complete html page
initialState	Object	no	custom initialState for render
onRenderSuccess	({ html:String, url:String, env:Object, state:Object}) => void	no	a hook to add custom cache logic
interval	Number	no	used in preSSRService with default 10000

env.platform

Used to distinguish whether the mobile or pc

route sync property

If you are sure that the rendering of the page does not depend on the asynchronous operation, please provide the sync property on <Route> definition

<Route path="/" sync component={Index} />

render on request

import ssr from 'express-dva-ssr';

......

const routes = (
  <div>
  	<Route path="/" sync component={Index} />
    <Route path="/topic/:id" component={TopicDetail} />
  </div>
);

function createApp(options) {
	const app = dva(opts);
	
	... // config
	
	return app
}

function renderFullPage({state, html}) {
	// build complete html page use html and state
}

function onRenderSuccess({ html, url, env }) {
	// add custom cache logic
}

app.use(ssr.runtimeSSRMiddle({
	routes: routes,
	createApp: createApp,
	initialState: {},
	renderFullPage: renderFullPage,
	onRenderSuccess: onRenderSuccess
}));

......

Pre-rendering

import ssr from 'express-dva-ssr';

ssr.preSSRService({
	interval: 10000,
	routes: routes,
	createApp: createApp,
	initialState: {},
	renderFullPage: renderFullPage,
	onRenderSuccess: onRenderSuccess
})