route config

src/router.js

-import React from 'react';
-import { BrowserRouter as Router, Switch, Route } from 'react-router-dom';
-
-import Index from './components/Index';
-import Classify from './components/classify';
-import Study from './components/study';
-import My from './components/my';
-import CourseList from './components/classify/courselist';
-import Order from './components/order/index';
-import Preferential from './components/preferential/index';
-import Search from './components/search/index'
-import Detail from './components/detail/index'
-import Examination from './components/examination'
-import ExchangeCoupons from './components/coupons/exchange-coupons'
-import UseCoupon from './components/coupons/use-coupons'
-// import OrderInfo from './components/order/orderinfo';
-import ShopCard from './components/shopCard/index';
-import BargainMiddlePage from './components/bargainMiddlePage';
-import Passport from './components/passport'
-
-
-const router = () => (
-    <Router>
-        <Switch>
-            <Route exact path="/" component={Index}/>
-            <Route path="/index" component={Index}/>
-            <Route path='/classify' component={Classify}/>
-            <Route path='/study' component={Study}/>
-            <Route path='/my' component={My}/>
-            <Route path='/courselist' component={CourseList}/>
-            <Route path='/preferential' component={Preferential}/>
-            <Route path='/search' component={Search}/>
-            <Route path='/order' component={Order}/>
-            <Route path='/detail' component={Detail}/>
-            <Route path='/examination' component={Examination}/>
-            <Route path='/exchange-coupons' component={ExchangeCoupons}/>
-            <Route path='/use-coupon' component={UseCoupon}/>
-            {/*<Route path='/orderinfo' component={OrderInfo}></Route>*/}
-            <Route path='/shopcard' component={ShopCard}/>
-            <Route path='/bargain-middle-page' component={BargainMiddlePage}/>
-            <Route path='/passport' component={Passport}/>
-        </Switch>
-    </Router>
-)
-
-
-export default router;
\ No newline at end of file

src/router/index.js

+import React from 'react'
+import { BrowserRouter as Router, Switch, Route } from 'react-router-dom'
+import RouterConfig from './router-config'
+
+
+export default function () {
+    return (
+        <Router>
+            <Switch>
+                {RouterConfig.map((item, index) => {
+                    let {CustomRoute, ...rest} = item
+                    if (CustomRoute) {
+                        return <CustomRoute {...rest}/>
+                    } else {
+                        return (
+                            <Route {...rest} key={index}/>
+                        )
+                    }
+                })}
+            </Switch>
+        </Router>
+    )
+}
\ No newline at end of file

src/router/router-config.js

+import Index from '@/components/Index';
+import Classify from '@/components/classify';
+import Study from '@/components/study';
+import My from '@/components/my';
+import CourseList from '@/components/classify/courselist';
+import Order from '@/components/order/index';
+import Preferential from '@/components/preferential/index';
+import Search from '@/components/search/index'
+import Detail from '@/components/detail/index'
+import Examination from '@/components/examination'
+import ExchangeCoupons from '@/components/coupons/exchange-coupons'
+import UseCoupon from '@/components/coupons/use-coupons'
+import ShopCard from '@/components/shopCard/index';
+import BargainMiddlePage from '@/components/bargainMiddlePage';
+import Passport from '@/components/passport'
+
+
+export default [
+    {
+        path: '/',
+        exact: true,
+        component: Index
+    },
+    {
+        path: '/classify',
+        component: Classify
+    },
+    {
+        path: '/study',
+        component: Study
+    },
+    {
+        path: '/my',
+        component: My
+    },
+    {
+        path: '/courselist',
+        component: CourseList
+    },
+    {
+        path: '/preferential',
+        component: Preferential
+    },
+    {
+        path: '/search',
+        component: Search
+    },
+    {
+        path: '/order',
+        component: Order
+    },
+    {
+        path: '/detail',
+        component: Detail
+    },
+    {
+        path: '/examination',
+        component: Examination
+    },
+    {
+        path: '/exchange-coupons',
+        component: ExchangeCoupons
+    },
+    {
+        path: '/use-coupon',
+        component: UseCoupon
+    },
+    {
+        path: '/shopcard',
+        component: ShopCard
+    },
+    {
+        path: '/bargain-middle-page',
+        component: BargainMiddlePage
+    },
+    {
+        path: '/passport',
+        component: Passport
+    },
+]
\ No newline at end of file