微前端 之 single-spa 应用demo

一、对于子应用 的修改
1、main.js 文件

import Vue from 'vue'
import singleSpaVue from 'single-spa-vue';
import router from './router';
import App from './App.vue'

Vue.config.productionTip = false

const appOptions = {
   
   
  el: '#vue', // 主应用中你需要挂载到的地方 的div， id名
  router,
  render: h => h(App)
}
// 如果是在主应用中访问
if(window.singleSpaNavigate){
   
   
  __webpack_public_path__ = 'http://localhost:10000/'
}

// 单独访问子应用的正常挂载
if(!window.singleSpaNavigate){
   
   
  delete appOptions.el;
  new Vue(appOptions