React 路由登录拦截和404以及403跳转

React的路由守卫与Vue的路由守卫不太相同，并没有像Vue那样提供类似beforeEach的钩子，而是需要我们自己封装一个组件，一开始接触React的同学可能会感觉奇怪，认为组件只是像Vue那样封装主要聚焦于界面的代码块，这其中也包括我。
主要逻辑就是，
判断路由（是否是根路由/，是否是登录页，是否是需要登录权限的页面，是否是非法路由），根据不同的路径，返回不同的组件或使用组件重定向路由。

Auth.js是一个函数组件
此处，将路由配置单独抽出配置了

import React from 'react';
import { Route, Redirect } from "react-router-dom";
import { Result, Button } from 'antd';
import store from 'store';
import Login from "../components/Login";
import Home from "../components/Home";
import NotFound from "../components/NotFound";

onst RouterConfig = [
  {
    path: "/login",
    component: Login,
    auth: false
  },
  {
    path: "/home",
    component: Home,
    auth: true
  },
  {
    path: "/404",
    component: NotFound,
    auth: false
  }
];


// 针对不存在的路由要404
const NoMatch = ({ pathna