add token overdate redirect to login

Author: Harhao

screenShot/404.png

@@ -7,11 +7,12 @@ import Login from './views/Login/login';
 import Index from './views/Index';
 import PrivateRoute from './router/PrivateRoute';
 import NoMatch from './views/NoMatch';
+import history from './api/history';
 import './App.css';
 function App() {
   return (
     <Provider store={store}>
-      <Router basename="/echo">
+      <Router basename="/echo" history={history}>
           <div className="entryWrap">
               <CSSTransition
                 classNames="fade"

src/App.js

@@ -0,0 +1,2 @@
+import { createBrowserHistory } from "history";
+export default createBrowserHistory({forceRefresh:true}); 

src/api/history.js

@@ -2,7 +2,7 @@ import axios from "axios";
 import {fakeAuth} from '../util/fakeAuth';
 import {message as Message} from 'antd';
 import {timeout,baseURL} from "./config.js";
-import redirect from './redirect';
+import history from './history';
 axios.defaults.timeout = timeout;
 axios.defaults.baseURL = baseURL;
 axios.interceptors.request.use(
@@ -21,21 +21,15 @@ axios.interceptors.response.use(
         return response;
     },
     error => {
-        fakeAuth.signout();
-        redirect();
         if (error.response) {
             switch (error.response.status) {
                 case 401:
                     fakeAuth.signout();
-                    redirect();
+                    history.push('/login');
                     break;
                 default:
             }
-            const message = error.response.data.message ?
-                error.response.data.message :
-                error.response.status === 401 ?
-                "登录过期，请重新登录" :
-                "服务器异常";
+            const message = error.response.data.message ?error.response.data.message :"服务器异常";
             Message.error(message);
         }
         return Promise.reject(error);

src/api/index.js

@@ -1,11 +1,25 @@
 import React,{Component} from 'react';
-import { Layout} from 'antd';
+import { Layout,Button} from 'antd';
 import ContentMain from '../../components/ContentMain';
 import SiderNav from '../../components/SiderNav';
 import Avatar from '../Avatar'
 import './index.css';
+import gl_ajax from '../../api/index';
 const { Header, Content, Footer} = Layout;
 export default class Index extends Component {
+    handleClick(){
+        gl_ajax({
+            method:'get',
+            url:'/hello',
+            data:{},
+            success(res){
+
+            },
+            error(err){
+
+            }
+        });
+    }
   render() {
     return (
         <Layout>
@@ -16,6 +30,7 @@ export default class Index extends Component {
                 </Header>
                 <Content style={{ margin: '24px 16px 0' }}>
                     <ContentMain/>
+                    <Button onClick={this.handleClick.bind(this)}></Button>
                     <Footer style={{ textAlign: 'center'}}>admin system ©2019 Created by Harhao</Footer>
                 </Content>              
             </Layout>