44 lines
1.4 KiB
JavaScript
44 lines
1.4 KiB
JavaScript
import React, { Component } from 'react'
|
|
import { HashRouter as Router, Route } from 'react-router-dom'
|
|
import './App.css'
|
|
import './assets/comm.css'
|
|
import { Redirect } from 'react-router-dom'
|
|
import { lazy, Suspense } from 'react'
|
|
import { FullScreenLoading } from 'zent'
|
|
const Home = lazy(() => import('./pages/home/home'))
|
|
const Login = lazy(() => import('./pages/login/login'))
|
|
const ErrPage = lazy(() => import('./pages/errpage/errpage'))
|
|
const EdittemPlate = lazy(() =>
|
|
import('./pages/exchangepage/edittemplate/main.js')
|
|
)
|
|
export default class App extends Component {
|
|
state = {
|
|
pathname: ''
|
|
}
|
|
componentWillMount() {
|
|
const pathname = window.location.href.lastIndexOf('/')
|
|
const pathnamestr = window.location.href.substr(pathname)
|
|
this.setState({ pathname: `${pathnamestr}` })
|
|
}
|
|
|
|
render() {
|
|
return (
|
|
<Router>
|
|
<Suspense
|
|
fallback={
|
|
<FullScreenLoading loading icon='circle' iconText='加载中...' />
|
|
}>
|
|
<Route path='/login' exact={true} component={Login} />
|
|
<Route path='/edittemplate' exact={true} component={EdittemPlate} />
|
|
<Route path='/home' component={Home} />
|
|
<Route
|
|
exact={true}
|
|
path='/'
|
|
render={() => <Redirect to='/login' />}></Route>
|
|
<Route component={ErrPage} />
|
|
</Suspense>
|
|
</Router>
|
|
)
|
|
}
|
|
}
|