PageNotFound

uas-office-web/wxuasapproval/src/configs/router.config.js

@@ -14,15 +14,23 @@ import RedirectPage from '../pages/RedirectPage'
 import DemoTrigger from '../pages/demoTrigger/DemoTrigger'
 import PageLoadable from '../utils/PageLoadable'
 import PageLoading from '../components/PageLoading'
+import PageNotFound from '../pages/PageNotFound'
 
-const UasApprovalPage = PageLoadable(import(/* webpackChunkName:'approval' */'@/pages/approval/UasApproval'),
+const UasApprovalPage = PageLoadable(
+  import(/* webpackChunkName:'approval' */'@/pages/approval/UasApproval'),
   PageLoading)
-const ApprovalHomePage = PageLoadable(import(/* webpackChunkName:'approval' */'@/pages/approval/ApprovalHome'))
-const ApprovalAddPage = PageLoadable(import(/* webpackChunkName:'approval' */'@/pages/approval/ApprovalAdd'))
-const ApprovalPage = PageLoadable(import(/* webpackChunkName:'approval' */'@/pages/approval/Approval'))
-const BillDetailsPage = PageLoadable(import(/* webpackChunkName:'approval' */'@/pages/approval/BillDetails'))
-const UseStatus = PageLoadable(import(/* webpackChunkName:'chart' */'@/pages/useStatus/UseStatus'))
-const WorkSummary = PageLoadable(import(/* webpackChunkName:'chart' */'@/pages/workSummary/WorkSummary'))
+const ApprovalHomePage = PageLoadable(
+  import(/* webpackChunkName:'approval' */'@/pages/approval/ApprovalHome'))
+const ApprovalAddPage = PageLoadable(
+  import(/* webpackChunkName:'approval' */'@/pages/approval/ApprovalAdd'))
+const ApprovalPage = PageLoadable(
+  import(/* webpackChunkName:'approval' */'@/pages/approval/Approval'))
+const BillDetailsPage = PageLoadable(
+  import(/* webpackChunkName:'approval' */'@/pages/approval/BillDetails'))
+const UseStatus = PageLoadable(
+  import(/* webpackChunkName:'chart' */'@/pages/useStatus/UseStatus'))
+const WorkSummary = PageLoadable(
+  import(/* webpackChunkName:'chart' */'@/pages/workSummary/WorkSummary'))
 
 /**
  * 自定义页面返回事件拦截框
@@ -55,6 +63,7 @@ export class Routes extends React.Component {
       getUserConfirmation={getConfirmation}>
       <div style={{ width: '100%', height: '100%' }}>
         <Switch>
+          <Route path='/' component={PageNotFound}/>
           {/*U审批过渡页面（入口页面）*/}
           <Route path='/uasApproval/:master/:type?'
                  component={UasApprovalPage}/>
@@ -78,12 +87,11 @@ export class Routes extends React.Component {
           <Route path='/usestatus/:instanceId' component={UseStatus}/>
           <Route path='/worksummary' component={WorkSummary}/>
           <Route path='/demotrigger' component={DemoTrigger}/>
-          {/*<Redirect path='/' to={{pathname: '/bindPhone'}}/>*/}
 
           {/*404页面*/}
           <Route render={() => (
             // <Redirect to={'/redirect'}/>
-            <Redirect to={'/uasApproval'}/>
+            <Redirect to={'/'}/>
           )}/>
         </Switch>
       </div>

uas-office-web/wxuasapproval/src/pages/PageNotFound.jsx

@@ -0,0 +1,31 @@
+/**
+ * Created by RaoMeng on 2020/10/27
+ * Desc: 404页面
+ */
+
+import React, { Component } from 'react'
+
+export default class PageNotFound extends Component {
+
+  constructor () {
+    super()
+
+    this.state = {}
+  }
+
+  componentDidMount () {
+    document.title = '页面未找到'
+  }
+
+  componentWillUnmount () {
+
+  }
+
+  render () {
+    return (
+      <div>
+
+      </div>
+    )
+  }
+}