我使用的是React-Router组件,所以在Router文件夹下面,基本上都是一些对Router初始化的配置
主要包含一个index.js文件和其他的功能性文件(比如config.js)
index.js:
import React from 'react'; import { Router, browserHistory } from 'react-router'; import config from './config'; export default class AppRouter extends React.Component { render() { return (<Router routes={config} history={browserHistory} />); } }
config.js:
import Container from '../Container'; import HelloWorld from '../container/HelloWorld'; import NotFound from '../container/404'; import { simpleRedirect } from '../utils/router'; const config = { path: '/', component: Container, indexRoute: { component: NotFound }, childRoutes: [ { path: 'HelloWorld', component: HelloWorld }, { path: 'test', onEnter: simpleRedirect(`/HelloWorld`), childRoutes: [ { path: '*', onEnter: simpleRedirect(`/HelloWorld`), } ] }, { path: '*', component: NotFound } ] } export default config;
config.js主要用于路由的配置,这里引入了utils中的simpleRedirect方法,主要用于页面的重定向。