1 Star 2 Fork 1

lqs / admin-vue3-micro-qiankun

Create your Gitee Account
Explore and code with more than 8 million developers,Free private repositories !:)
Sign up
Clone or Download
Cancel
Notice: Creating folder will generate an empty file .keep, because not support in Git
Loading...
README.md

admin-vue3-micro-qiankun

admin-vue3-micro-qiankun是一个微前端后台解决方案,它基于 Qiankun.js 结合 admin-element-vueadmin-antd-vue实现。

Demo

main-demo
main-antd-demo
Home

使用文档

后台前端解决方案列表

功能

- 登录 / 注销 / 注册

- 权限验证
  - 页面权限
  - 按钮操作
  - 权限配置

- 全局功能
  - 国际化多语言
  - 黑白主题
  - 动态侧边栏(支持多级路由嵌套)
  - 动态面包屑(支持自定义配置)
  - tabNav
  - Svg Sprite 图标
  - Mock 数据
  - 权限验证

- 综合实例
  - 引导页
  - main主框架(基于admin-element-vue调整)
  - main-antd主框架(基于admin-antd-vue调整)
  - System子项目(基于admin-element-vue调整)
  - Article子项目(基于admin-element-vue调整)
  - Links子项目 (基于admin-antd-vue调整) 

项目设置

一、Install dependencies,

$ pnpm install

请使用 pnpm , pnpm的安装与使用

二、Compiles and hot-reloads for development

$ pnpm run serve

# or

$ pnpm run serve:main
$ pnpm run serve:article

三、构建与发布

1、构建:

pnpm run build

2、上传到服务器,以nginx配置为例:

server {
  listen       8080;
  server_name  localhost;

  location / {
    # root   html;
    # index  index.html index.htm;
    try_files $uri $uri/ /index.html;
  }

  location /child/system {
    # root   html;
    # index  index.html index.htm;
    try_files $uri $uri/ /child/system/index.html;
  }
  # article 和 links 等其他子模块的history 配置同上
}

捐赠

如果你觉得这个项目帮助到了你,请帮助点击 Star,你也可以请作者喝咖啡表示鼓励.

ALIPAY WECHAT
Alipay Wechat

Repository Comments ( 0 )

Sign in to post a comment

About

Micro front-end Admin based on Qiankun, vue3.x, admin-element-vue, admin-antd-vue project architecture expand collapse
Cancel

Releases

No release

Contributors

All

Activities

Load More
can not load any more
JavaScript
1
https://gitee.com/lqsong/admin-vue3-micro-qiankun.git
git@gitee.com:lqsong/admin-vue3-micro-qiankun.git
lqsong
admin-vue3-micro-qiankun
admin-vue3-micro-qiankun
main

Search