feats

config/proxy.js

@@ -8,8 +8,8 @@
 export default {
   dev: {
     '/api/': {
-      // target: 'https://xlk.njyz.tech/',
-      target: 'http://localhost:8081/',
+      target: 'https://xlk.njyz.tech/',
+      // target: 'http://localhost:8081/',
       // target: 'https://www.newhousehold.cn',
       changeOrigin: true,
       pathRewrite: {

src/components/RouterEvent/index.jsx

@@ -0,0 +1,39 @@
+import { Component, Fragment } from "react";
+import withRouter from 'umi/withRouter';
+import Prompt from 'umi/prompt';
+
+class RouterEvent extends Component {
+  state = {
+    location: {}
+  }
+
+  componentDidMount() {
+    console.log('-----props------->', this.props)
+
+    this.props.onEnter();
+    this.setState({ location: this.props.location });
+  }
+
+  componentDidUpdate() {
+    const originURL = this.props.location.pathname + this.props.location.search
+    const currentURL = this.state.location.pathname + this.state.location.search
+
+    if (originURL != currentURL) {
+      this.props.onEnter();
+      this.setState({ location: this.props.location });
+    }
+  }
+
+  render() {
+    const onLeave = this.props.onLeave;
+
+    return (
+      <div>
+        <Prompt message={() => { onLeave(); return true; }} />
+        {this.props.children}
+      </div>
+    );
+  }
+}
+
+export default withRouter(RouterEvent)

src/layouts/BasicLayout.jsx

@@ -76,7 +76,6 @@ const BasicLayout = (props) => {
       authority: authority && authority.length ? authority : ['any-string-for-no-right'],
     };
   })
-  
 
   return (
     <ProLayout

src/layouts/BlankLayout.jsx

@@ -1,8 +1,11 @@
 import React from 'react';
+import RouterEvent from '@/components/RouterEvent';
 
 const Layout = ({ children }) => {
   return (
-    <>{children}</>
+    <RouterEvent onEnter={() => console.log('------onEnter--------')} onLeave={() => console.log('------onLeave--------')}>
+      <>{children}</>
+    </RouterEvent>
   );
 };