fix: demo

Author: 开冲

.gitignore

@@ -20,3 +20,5 @@ yarn-error.log*
 *.njsproj
 *.sln
 *.sw?
+
+.cache

app1/.gitignore

@@ -11,9 +11,8 @@ module.exports = {
   },
 
   devServer: _ => {
-    const config = {};
+    const config = _;
 
-    config.port = '7100';
     config.headers = {
       'Access-Control-Allow-Origin': '*',
     };

app1/.rescriptsrc.js

@@ -1,24 +1,8 @@
-import React, { useState, useEffect } from 'react';
+import React, { useState } from 'react';
 import { Button, Modal } from 'antd';
 
-const dispatchUIEvent = () => {
-  const $a = document.createElement('a');
-  $a.onclick = () => {
-    console.log('log from UIEvent');
-  };
-  const evt = new MouseEvent('click', {
-    view: window,
-    bubbles: true,
-    cancelable: false,
-  });
-  $a.dispatchEvent(evt);
-};
-
 export default function() {
   const [visible, setVisible] = useState(false);
-  useEffect(() => {
-    dispatchUIEvent();
-  }, []);
   return (
     <>
       <Button onClick={() => setVisible(true)}>CLICK ME</Button>

app1/src/components/HelloModal.js

@@ -1,7 +1,7 @@
+import './public-path';
 import React from 'react';
 import ReactDOM from 'react-dom';
 import App from './App';
-import './public-path';
 import * as serviceWorker from './serviceWorker';
 
 function render(props) {
@@ -35,11 +35,7 @@ export async function mount(props) {
 
 export async function unmount(props) {
   const { container } = props;
-  ReactDOM.unmountComponentAtNode(
-    container
-      ? container.querySelector('#root')
-      : document.querySelector('#root')
-  );
+  ReactDOM.unmountComponentAtNode(container ? container.querySelector('#root') : document.querySelector('#root'));
 }
 
 // If you want your app to work offline and load faster, you can change

app1/src/index.js

@@ -22,16 +22,14 @@ registerMicroApps(
   [
     {
       name: 'app1',
-      entry: '//192.168.2.192:7100',
-      // entry: process.env.NODE_ENV === 'production' ? '//main.ppap.live:7100' : '//localhost:7100',
+      entry: process.env.NODE_ENV === 'production' ? '//main.ppap.live:7100' : '//localhost:7100',
       container: '#subapp-viewport',
       loader,
       activeRule: '/app1',
     },
     {
       name: 'app2',
-      entry: '//192.168.2.192:7101',
-      // entry: process.env.NODE_ENV === 'production' ? '//main.ppap.live:7101' : '//localhost:7101',
+      entry: process.env.NODE_ENV === 'production' ? '//main.ppap.live:7101' : '//localhost:7101',
       container: '#subapp-viewport',
       loader,
       activeRule: '/app2',
@@ -128,22 +126,12 @@ function initPortal(){
   }else{
     document.querySelector('.mainapp-sidemenu').style.visibility = 'visible'
   }
-  if(location.pathname.indexOf('login') > -1){
-    document.querySelector('.mainapp-header').style.display = 'block'
-  }else{
-    document.querySelector('.mainapp-header').style.display = 'none'
-  }
 
   //监听浏览器前进回退
   window.addEventListener('popstate', () => { 
     if(location.pathname === '/'){
       document.querySelector('.mainapp-sidemenu').style.visibility = 'visible'
     }
-    if(location.pathname.indexOf('login') > -1){
-      document.querySelector('.mainapp-header').style.display = 'block'
-    }else{
-      document.querySelector('.mainapp-header').style.display = 'none'
-    }
   }, false)
 }
 

app1/yarn.lock

@@ -10,11 +10,11 @@ body {
 }
 
 .mainapp-header {
-  position: fixed;
+  position: relative;
   z-index: 98;
   top: 0;
   left: 0;
-  display: none;
+  display: block;
 
   >h1 {
     color: #333;