react 路由懒加载 和 拦截

import React from 'react'
import { Router, Route, IndexRoute } from 'react-router'
import hashHistory from './history'

import App from './base'
//路由懒加载
const table = (location, cb) => {
  require.ensure([], (require) => {
    cb(null, require('./pages/menu/table').default)
  }, 'table')
}
//路由拦截
function isLogin(nextState, replaceState) {
  const token = sessionStorage.getItem('token')
  if (!token) {
    replaceState('/login')
    // hashHistory.push('/login')
  }
}
export default () => (
  
    "/" component={App} onEnter={isLogin}> 
      

      "/order" to="/order/index"/><--路由匹配 exact exact是Route下的一条属性,一般而言,react路由会匹配所有匹配到的路由组价,exact能够使得路由的匹配更严格一些。exact的值为bool型,为true是表示严格匹配,为false时为正常匹配。-->
      "/table" getComponent={table} />
      "/echarts" getComponent={echarts} />
      "/editor" getComponent={editor} />
      "/chat" getComponent={chat} />
    
    "/login" getComponent={Login} />
    "/register" getComponent={Register} />
  

你可能感兴趣的:(react)