wocwin qiankun

Воквин-Цянькунь

конечный эффект

представлять

Архитектура внешнего микроприложения, реализованная на основе технологического стека qiankun+vue2&vue3+Vite3+vite-plugin-qiankun, реализует переключение основного и субприложений (поскольку нет вызывающего интерфейса, маршруты субприложений vue2 статический, а vue3 — это динамический маршрут запроса). Если вы хотите реализовать связь между основным и дополнительными приложениями, вы можете обратиться к этому блогу и создать простую автоматизированную команду сценария. Вы можете использовать одну строку команд для установки, запуска. , упакуйте и разверните зависимости всех подприложений.

1. Знакомство с основным приложением

Стек технологий Vue-cli4+Vue2+Element-Ui+qiankun

2. Введение в подприложение wocwin-vue2.

Стек технологий Vue-cli4+Vue2+Element-Ui+qiankun

3. Знакомство с подприложением wocwin-admin

Стек технологий Vue3.2 + TypeScript + Pinia + Vite4 + Element-Plus + микроинтерфейс (qiankun)

Эксплуатация проекта

1. Клон проекта

 // GitHub
git clone https: //github.com/wocwin/wocwin-qiankun.git

 // Gitee
git clone https: //gitee.com/wocwin/wocwin-qiankun.git

2. Зависит от установки

   npm install

3. Старт проекта

   npm run start

4. Запускать локально

 // 1、运行完 npm run start
// 2、打开http://localhost:8100/ 进入主应用
// 3、逐个进入子应用（点击子应用左侧菜单栏logo可以回到主应用）
// 4、主应用的系统管理是所有应用的公共模板（用户、角色、菜单、部门、微前端、字典等）

5. Если вы входите в основное приложение и нажимаете, чтобы войти в дополнительное приложение (сначала войдите в основное приложение, затем откройте новую вкладку в браузере, чтобы ввести каждое дополнительное приложение отдельно)

6. Локальное развертывание на сервере требует настройки NG (см. файл nginx.conf).