@zengqiao@修改主应用代码

share/2021-11-microfront/parent-vue/src/App.vue

@@ -35,7 +35,9 @@
      <!--主体-->
      <el-main>
        <!--基座自身页面的路由容器-->
        <router-view v-if="isBase" />
        <!--微前端的容器-->
        <div  v-else id="sub-container"></div>
      </el-main>
    </el-container>
@@ -51,6 +53,7 @@
      }
    },
    computed: {
      // 判段路由是否是自身页面还是微前端的页面
      isBase() {
        const path = this.$route.path
        const reg = RegExp('^/vue(2|3)')

share/2021-11-microfront/parent-vue/src/main.js

@@ -4,7 +4,7 @@ import router from './router'
import store from './store'
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css'
import './assets/reset.less'
import './assets/index.less'
import {registerMicroApps, start, runAfterFirstMounted, setDefaultMountApp, initGlobalState} from 'qiankun'
Vue.config.productionTip = false
@@ -24,10 +24,10 @@ new Vue({
 */
const appOptions = [
  {
    name: 'child-vue2',
    entry: '//localhost:7102',
    container: '#sub-container',
    activeRule: '/vue2'
    name: 'child-vue2', // 注册应用名
    entry: '//localhost:7102', // 注册服务
    container: '#sub-container', // 挂载的容器
    activeRule: '/vue2' // 路由匹配规则
  },
  {
    name: 'child-vue3',