qiankun-前端接入微服务vue3项目应用

背景

由于在 《吐槽一次qiankun微前端的框架》 这篇博客中，初次使用qiankun，然后接入了原生项目作为微服务的应用到主应用，所以就想着出个系列篇

目的

1. 介绍利用qiankun框架， vue3 项目应用作为微应用，怎么接入到主应用
2. 将我个人的应用整到一个大集合中

技术栈

• 微应用：vue3应用

• vue@3.5.x

• @vue/cli-service@4.5.x

• sass

• node版本 16.x

• 主应用：react

• react@18.x

• webpack@5.x

• sass

• node版本 22.x

配置前阅读

此次使用qiankun，并不是与路由挂钩，微服务内的路由为memoryrouter

微服务配置

主代码如下：
入口文件main.js

import './public-path'
import {
    createApp } from 'vue'
import App from './App.vue'
import routerInstance from './router'
import store from './store'

let router = null
let instance = null
function render (props = {
    }) {
   
  const {
    container } = props
  router = routerInstance(!!container)

  instance = createApp(App).use(router).use(store)

原文地址：https://blog.csdn.net/qq_36579455/article/details/142781485

免责声明：本站文章内容转载自网络资源，如本站内容侵犯了原著者的合法权益，可联系本站删除。更多内容请关注自学内容网（zxcms.com）！