衣食父母(2020/1/9)

umi基础🤗🤗🤗

路由拦截

import { Route, Redirect } from 'react-router-dom';
export default ({ render, ...rest }) => {
    return (
        <Route
            render={
                routeProps => (
                    localStorage.getItem('login') ? render(routeProps) : <Redirect to="/login" />
                )
            }
        />
    )
}

配置式路由.umirc.js,会覆盖约定式路由

export default{
    routes: [
        {
            path:'/',
            component: '../layouts/index',
            routes: [
                {
                    path: '/',
                    component: './index',
                },
                {
                    path: '/login',
                    component: './login',
                }
            ]
        }
    ]
}

添加新路由app.js

export function patchRoutes(routes) {
    routes.unshift({
        path: '/foo',
        component: () => <div>foo</div>
    })
}