diff --git a/code/VideoAccess-VCMP/web/client/index.html b/code/VideoAccess-VCMP/web/client/index.html
index dd7ed35..05414a7 100644
--- a/code/VideoAccess-VCMP/web/client/index.html
+++ b/code/VideoAccess-VCMP/web/client/index.html
@@ -4,17 +4,20 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="minimum-scale=1, initial-scale=1, width=device-width" />
+
     <!-- <meta content="upgrade-insecure-requests" http-equiv="Content-Security-Policy">  会将http转化成https,导致jessibuca视频播放不成功 -->
+
     <link rel="shortcut icon" href="/assets/images/favicon.ico">
     <script src="/assets/js/jessibuca/jessibuca.js"></script>
     <script src="https://lf1-cdn-tos.bytegoofy.com/obj/iconpark/icons_14797_10.b43556420cacd0119dedf94deff663bb.js"></script>
 </head>
 
 <body>
-    <div id='VcmpApp'></div>
+    <div id='VcmpApp' style="height: 100%;"></div>
 
     <!-- Webpack -->
     <script type="text/javascript" src="http://localhost:5001/client/build/app.js"></script>
+
     <!-- Vite -->
     <!-- <script type="module">
         import RefreshRuntime from "http://localhost:5002/@react-refresh"
@@ -26,6 +29,7 @@
     </script>
     <script type="module" src="http://localhost:5002/src/index.jsx"></script> -->
     <!-- Vite End -->
+    
     <script>
         //过滤掉一些无用的警告、没有价值的报错
         //代理console.warn方法
diff --git a/code/VideoAccess-VCMP/web/client/src/app.jsx b/code/VideoAccess-VCMP/web/client/src/app.jsx
index d9ba7df..7674e71 100644
--- a/code/VideoAccess-VCMP/web/client/src/app.jsx
+++ b/code/VideoAccess-VCMP/web/client/src/app.jsx
@@ -14,6 +14,7 @@ import journaling from './sections/journaling';
 import archive from './sections/archive';
 import application from './sections/application';
 import member from './sections/member';
+import NoMatch from './sections/noMatch';
 
 const App = props => {
    const { projectName } = props
@@ -28,7 +29,8 @@ const App = props => {
          sections={[
             // Example,
             Auth, Monitor, EquipmentWarehouse, AiAbility, offline,
-            openness, journaling, archive, application, member, system
+            openness, journaling, archive, application, member, system,
+            NoMatch
          ]}
       />
    )
diff --git a/code/VideoAccess-VCMP/web/client/src/index.jsx b/code/VideoAccess-VCMP/web/client/src/index.jsx
index b53a142..16929b2 100644
--- a/code/VideoAccess-VCMP/web/client/src/index.jsx
+++ b/code/VideoAccess-VCMP/web/client/src/index.jsx
@@ -5,8 +5,5 @@ import React from 'react';
 import { render } from 'react-dom';
 import App from './app';
 import './index.less';
-import microApp from '@micro-zoe/micro-app'
-
-microApp.start()
 
 render((<App projectName="飞尚物联" />), document.getElementById('VcmpApp'));
\ No newline at end of file
diff --git a/code/VideoAccess-VCMP/web/client/src/index.less b/code/VideoAccess-VCMP/web/client/src/index.less
index 44e9c61..738e453 100644
--- a/code/VideoAccess-VCMP/web/client/src/index.less
+++ b/code/VideoAccess-VCMP/web/client/src/index.less
@@ -60,6 +60,10 @@ body {
 }
 
 // SEMI 全局样式
+.semi-popover-content {
+   min-width: 300px
+}
+
 .semi-portal-inner {
-   min-width: 300px!important
+   position: fixed;
 }
\ No newline at end of file
diff --git a/code/VideoAccess-VCMP/web/client/src/layout/components/header/index.jsx b/code/VideoAccess-VCMP/web/client/src/layout/components/header/index.jsx
index 5ff06cd..d14c7f3 100644
--- a/code/VideoAccess-VCMP/web/client/src/layout/components/header/index.jsx
+++ b/code/VideoAccess-VCMP/web/client/src/layout/components/header/index.jsx
@@ -6,6 +6,7 @@ import { Nav, Avatar, Dropdown } from "@douyinfe/semi-ui";
 const Header = (props) => {
     const { dispatch, history, user, actions, socket } = props;
 
+    console.log(__webpack_public_path__);
     return (
         <>
             <Nav
@@ -24,7 +25,7 @@ const Header = (props) => {
                 style={{
                     height: 60,
                     minWidth: 520,
-                    background: "url(/assets/images/background/header.png)",
+                    background: `url(${__webpack_public_path__}assets/images/background/header.png)`,
                     backgroundSize: "100% 100%",
                     color: "white",
                 }}
diff --git a/code/VideoAccess-VCMP/web/client/src/layout/containers/layout/index.jsx b/code/VideoAccess-VCMP/web/client/src/layout/containers/layout/index.jsx
index f4b3c0b..23f1ec7 100644
--- a/code/VideoAccess-VCMP/web/client/src/layout/containers/layout/index.jsx
+++ b/code/VideoAccess-VCMP/web/client/src/layout/containers/layout/index.jsx
@@ -26,7 +26,8 @@ let scrollbar
 const LayoutContainer = props => {
    const {
       dispatch, msg, user, copyright, children, sections, clientWidth, clientHeight,
-      location, match, routes, history, authCrossLoading, socket
+      location, match, routes, history, authCrossLoading, socket,
+      microAppWaiting
    } = props
    const [collapsed, setCollapsed] = useState(false)
 
@@ -34,8 +35,8 @@ const LayoutContainer = props => {
 
    const resize_ = () => {
       dispatch(resize(
-         document.body.clientHeight,
-         document.body.clientWidth - (collapsed ? 120 : 240)
+         document.getElementById('VcmpApp').clientHeight,
+         document.getElementById('VcmpApp').clientWidth - (collapsed ? 120 : 240)
       ));
    }
 
@@ -86,17 +87,17 @@ const LayoutContainer = props => {
       if (socket) {
          socket.on('CAMERA_ONLINE', function (msg) {
             console.info(msg);
-            if (msg.online=='ON') {
+            if (msg.online == 'ON') {
                Notification.success({
                   title: 'Hi',
-                  content: (<div><div>{msg.name}</div><div style={{marginTop:5}}>已上线。</div></div>),
+                  content: (<div><div>{msg.name}</div><div style={{ marginTop: 5 }}>已上线。</div></div>),
                   duration: 2,
                })
             }
-            if (msg.online=='OFF') {
+            if (msg.online == 'OFF') {
                Notification.error({
                   title: 'Hi',
-                  content: (<div><div>{msg.name}</div><div style={{marginTop:5}}>发生离线。</div></div>),
+                  content: (<div><div>{msg.name}</div><div style={{ marginTop: 5 }}>发生离线。</div></div>),
                   duration: 2,
                })
             }
@@ -108,18 +109,19 @@ const LayoutContainer = props => {
    }, [socket])
 
    return (
-      <Layout id="layout">
+      <Layout id="layout" style={{ height: '100%' }}>
          {
-            authCrossLoading ?
+            authCrossLoading || microAppWaiting ?
                <div style={{
-                  position: 'absolute', height: '100%', width: '100%',
+                  // position: 'absolute',
+                  height: '100%', width: '100%',
                   display: 'flex', alignItems: 'center', placeContent: 'center',
                   backgroundColor: "#000"
                }}>
                   <video
                      autoPlay loop muted
                      style={{}}
-                     src="/assets/video/cross_loading.mp4"
+                     src={`${__webpack_public_path__}assets/video/cross_loading.mp4`}
                      type="video/mp4"
                   />
                </div>
@@ -136,7 +138,7 @@ const LayoutContainer = props => {
                         history={history}
                      />
                   </Layout.Header>
-                  <Layout>
+                  <Layout style={{ height: 'calc(100% - 60px)' }}>
                      <Layout.Sider>
                         <Sider
                            sections={sections}
diff --git a/code/VideoAccess-VCMP/web/client/src/layout/index.jsx b/code/VideoAccess-VCMP/web/client/src/layout/index.jsx
index 874d7d5..5f72fb8 100644
--- a/code/VideoAccess-VCMP/web/client/src/layout/index.jsx
+++ b/code/VideoAccess-VCMP/web/client/src/layout/index.jsx
@@ -11,6 +11,7 @@ import { ConfigProvider } from '@douyinfe/semi-ui';
 import layoutActions from './actions';
 import zhCN from '@douyinfe/semi-ui/lib/es/locale/source/zh_CN';
 import { basicReducer } from '@peace/utils';
+import { push } from 'react-router-redux';
 import 'moment/locale/zh-cn';
 
 moment.locale('zh-cn');
@@ -25,6 +26,7 @@ const Root = props => {
    const [combineRoutes, setCombineRoutes] = useState([])
    const [innnerRoutes, setInnerRoutes] = useState([])
    const [authCrossLoading, setAuthCrossLoading] = useState(true)
+   const [microAppWaiting, setMicroAppWaiting] = useState(true)
    const [resourceRoot, setResourceRoot] = useState({})
 
    const flatRoutes = (routes) => {
@@ -124,7 +126,8 @@ const Root = props => {
       let history = createBrowserHistory();
       let store = configStore(reducers, history);
       store.dispatch(initLayout(title, copyright, sections, actions));
-      store.dispatch(resize(document.body.clientHeight, document.body.clientWidth));
+      // store.dispatch(resize(document.body.clientHeight, document.body.clientWidth));
+      store.dispatch(resize(document.getElementById('VcmpApp').clientHeight, document.getElementById('VcmpApp').clientWidth));
       store.dispatch(actions.auth.initAuth());
       const resourceRoot = await store.dispatch(initApiRoot())
       setResourceRoot(resourceRoot.payload)
@@ -166,6 +169,23 @@ const Root = props => {
          setAuthCrossLoading(false)
       });
       //   setAuthCrossLoading(false)
+
+      // MicroApp
+      const microAppListen = async (data) => {
+         console.log('xxxx', data);
+         if (data.action == 'initMicro') {
+            await store.dispatch(push('/noMatch'));
+            setMicroAppWaiting(false)
+         }
+      }
+      if (window.__MICRO_APP_ENVIRONMENT__) {
+         console.info('MicroApp')
+         setAuthCrossLoading(false)
+         window.microApp.addDataListener(microAppListen, true)
+      } else {
+         console.info('NOT MicroApp')
+         setMicroAppWaiting(false)
+      }
    }, [])
 
    return (
@@ -183,6 +203,7 @@ const Root = props => {
                                  history={history}
                                  routes={innnerRoutes}
                                  authCrossLoading={authCrossLoading}
+                                 microAppWaiting={microAppWaiting}
                               >
                                  {combineRoutes}
                               </Layout>
diff --git a/code/VideoAccess-VCMP/web/client/src/public-path.js b/code/VideoAccess-VCMP/web/client/src/public-path.js
index fffe5ba..5147d18 100644
--- a/code/VideoAccess-VCMP/web/client/src/public-path.js
+++ b/code/VideoAccess-VCMP/web/client/src/public-path.js
@@ -2,4 +2,6 @@
 if (window.__MICRO_APP_ENVIRONMENT__) {
    // eslint-disable-next-line
    __webpack_public_path__ = window.__MICRO_APP_PUBLIC_PATH__
- }
\ No newline at end of file
+} else {
+   __webpack_public_path__ = '/'
+}
\ No newline at end of file
diff --git a/code/VideoAccess-VCMP/web/client/src/sections/microApp/containers/index.js b/code/VideoAccess-VCMP/web/client/src/sections/microApp/containers/index.js
deleted file mode 100644
index 2466c39..0000000
--- a/code/VideoAccess-VCMP/web/client/src/sections/microApp/containers/index.js
+++ /dev/null
@@ -1,5 +0,0 @@
-'use strict';
-
-import MicroApp from './microApp';
-
-export { MicroApp };
\ No newline at end of file
diff --git a/code/VideoAccess-VCMP/web/client/src/sections/microApp/containers/microApp.jsx b/code/VideoAccess-VCMP/web/client/src/sections/microApp/containers/microApp.jsx
deleted file mode 100644
index ed9b146..0000000
--- a/code/VideoAccess-VCMP/web/client/src/sections/microApp/containers/microApp.jsx
+++ /dev/null
@@ -1,24 +0,0 @@
-import React, { useEffect } from 'react';
-import { connect } from 'react-redux';
-import { Spin, Card } from '@douyinfe/semi-ui';
-import '../style.less'
-const { Meta } = Card;
-
-const Example = (props) => {
-   const { dispatch, actions, } = props
-
-   return (
-      <Spin>
-         MicroApp
-      </Spin>
-   )
-}
-
-function mapStateToProps (state) {
-   const { auth, global } = state;
-   return {
-
-   };
-}
-
-export default connect(mapStateToProps)(Example);
diff --git a/code/VideoAccess-VCMP/web/client/src/sections/microApp/nav-item.jsx b/code/VideoAccess-VCMP/web/client/src/sections/microApp/nav-item.jsx
deleted file mode 100644
index 3ce11c2..0000000
--- a/code/VideoAccess-VCMP/web/client/src/sections/microApp/nav-item.jsx
+++ /dev/null
@@ -1,13 +0,0 @@
-import React from 'react';
-import { IconCode } from '@douyinfe/semi-icons';
-
-export function getNavItem (user, dispatch) {
-   return (
-      [
-         {
-            itemKey: 'MicroApp', text: 'MicroApp', icon: <IconCode />,
-            to: '/microApp',
-         },
-      ]
-   );
-}
\ No newline at end of file
diff --git a/code/VideoAccess-VCMP/web/client/src/sections/microApp/routes.js b/code/VideoAccess-VCMP/web/client/src/sections/microApp/routes.js
deleted file mode 100644
index f717bbd..0000000
--- a/code/VideoAccess-VCMP/web/client/src/sections/microApp/routes.js
+++ /dev/null
@@ -1,12 +0,0 @@
-'use strict';
-import { MicroApp, } from './containers';
-
-export default [{
-   type: 'inner',
-   route: {
-      path: '/microApp',
-      key: 'microApp',
-      breadcrumb: 'microApp',
-      component: MicroApp,
-   }
-}];
\ No newline at end of file
diff --git a/code/VideoAccess-VCMP/web/client/src/sections/microApp/reducers/index.js b/code/VideoAccess-VCMP/web/client/src/sections/noMatch/actions/index.js
similarity index 100%
rename from code/VideoAccess-VCMP/web/client/src/sections/microApp/reducers/index.js
rename to code/VideoAccess-VCMP/web/client/src/sections/noMatch/actions/index.js
diff --git a/code/VideoAccess-VCMP/web/client/src/sections/noMatch/containers/index.js b/code/VideoAccess-VCMP/web/client/src/sections/noMatch/containers/index.js
new file mode 100644
index 0000000..d1d4208
--- /dev/null
+++ b/code/VideoAccess-VCMP/web/client/src/sections/noMatch/containers/index.js
@@ -0,0 +1,5 @@
+'use strict';
+
+import NoMatch from './noMatch';
+
+export { NoMatch };
\ No newline at end of file
diff --git a/code/VideoAccess-VCMP/web/client/src/sections/noMatch/containers/noMatch.jsx b/code/VideoAccess-VCMP/web/client/src/sections/noMatch/containers/noMatch.jsx
new file mode 100644
index 0000000..bafd00a
--- /dev/null
+++ b/code/VideoAccess-VCMP/web/client/src/sections/noMatch/containers/noMatch.jsx
@@ -0,0 +1,27 @@
+import React, { useEffect } from 'react';
+import { connect } from 'react-redux';
+import moment from 'moment';
+import '../style.less'
+
+const NoMatch = (props) => {
+
+   return (
+      <div>
+         <div style={{ textAlign: 'center', padding: 120 }}>
+            <p style={{ fontSize: 80, lineHeight: 1.5 }}>404</p>
+            <p style={{ fontSize: 32, lineHeight: 2 }}>PAGE NOT FOUND</p>
+            <p>很遗憾，您暂时无法访问该页面。</p>
+            <p>请检查您访问的链接地址是否正确。</p>
+            <p style={{ marginTop: 80 }}>Copyright © {moment().year()} 飞尚尚视</p>
+         </div>
+      </div>
+   )
+}
+
+function mapStateToProps (state) {
+   const { } = state;
+   return {
+   };
+}
+
+export default connect(mapStateToProps)(NoMatch);
diff --git a/code/VideoAccess-VCMP/web/client/src/sections/microApp/index.js b/code/VideoAccess-VCMP/web/client/src/sections/noMatch/index.js
similarity index 85%
rename from code/VideoAccess-VCMP/web/client/src/sections/microApp/index.js
rename to code/VideoAccess-VCMP/web/client/src/sections/noMatch/index.js
index cfcb401..4cb213d 100644
--- a/code/VideoAccess-VCMP/web/client/src/sections/microApp/index.js
+++ b/code/VideoAccess-VCMP/web/client/src/sections/noMatch/index.js
@@ -6,8 +6,8 @@ import actions from './actions';
 import { getNavItem } from './nav-item';
 
 export default {
-   key: 'microApp',
-   name: 'MicroApp',
+   key: 'noMatch',
+   name: '404',
    reducers: reducers,
    routes: routes,
    actions: actions,
diff --git a/code/VideoAccess-VCMP/web/client/src/sections/noMatch/nav-item.jsx b/code/VideoAccess-VCMP/web/client/src/sections/noMatch/nav-item.jsx
new file mode 100644
index 0000000..8cd9835
--- /dev/null
+++ b/code/VideoAccess-VCMP/web/client/src/sections/noMatch/nav-item.jsx
@@ -0,0 +1,5 @@
+export function getNavItem (user, dispatch) {
+   return (
+      []
+   );
+}
\ No newline at end of file
diff --git a/code/VideoAccess-VCMP/web/client/src/sections/microApp/actions/index.js b/code/VideoAccess-VCMP/web/client/src/sections/noMatch/reducers/index.js
similarity index 86%
rename from code/VideoAccess-VCMP/web/client/src/sections/microApp/actions/index.js
rename to code/VideoAccess-VCMP/web/client/src/sections/noMatch/reducers/index.js
index 77dbf80..7ed1088 100644
--- a/code/VideoAccess-VCMP/web/client/src/sections/microApp/actions/index.js
+++ b/code/VideoAccess-VCMP/web/client/src/sections/noMatch/reducers/index.js
@@ -1,5 +1,5 @@
 'use strict';
 
 export default {
-   
+
 }
\ No newline at end of file
diff --git a/code/VideoAccess-VCMP/web/client/src/sections/noMatch/routes.js b/code/VideoAccess-VCMP/web/client/src/sections/noMatch/routes.js
new file mode 100644
index 0000000..12e43c4
--- /dev/null
+++ b/code/VideoAccess-VCMP/web/client/src/sections/noMatch/routes.js
@@ -0,0 +1,11 @@
+'use strict';
+import { NoMatch, } from './containers';
+
+export default [{
+   type: 'outer',
+   route: {
+      path: '/noMatch',
+      key: 'noMatch',
+      component: NoMatch,
+   }
+}];
\ No newline at end of file
diff --git a/code/VideoAccess-VCMP/web/client/src/sections/noMatch/style.less b/code/VideoAccess-VCMP/web/client/src/sections/noMatch/style.less
new file mode 100644
index 0000000..e69de29
