这个是在 config.js 中配置了 mountElementId, 该配置的作用是指定应用被加载到哪个 dom 节点上的,插件默认是 slave-root,而 ant-design-pro 默认的是 root, 所以在 src/pages/document.ejs 中将id 修改为 config.js 中的 mountElementId 即可,推荐使用下面的方法 <div id="<%= context.config.mountElement...
找到nginx 的位置,mac 系统默认安装路径在/usr/local/etc/nginx下, 在 nginx.conf 中添加 http 配置下添加 server server{listen5002;root/Users/phobal/Documents/demo/antd-pro-microfe/app1/dist;# 子项目打包地址indexindex.html;# 开启跨域add_headerAccess-Control-Allow-Origin*;add_headerAccess-Control-A...
ant design pro vue 安装使用 前提: 做项目时偶然了解到微前端的概念,在详细了解后觉得对分解【巨石】应用有很大的帮助,查阅了一些文档和资料后自己整了一套,以备后用~ 2、重命名生成的文件: Ant-Design-Pro-Main Ant-Design-Pro-SubAppA 3、主应用和子应用都要安装qiankun插件: yarn add @umijs/plugin-q...
yarn create umi main-app > ant-design-pro > 选择 pro v4 > 选择 typescript > 选择 simple > 选择 antd@4 yarn install 或者 npm install 主应用中增加.env文件,加入一行“PORT=8020”,指定端口 yarn start 或者 npm run start 启动,访问本地地址,如下图所示 ...
四月份启动了一个ERP项目,基础架构设计采用了微前端(qiankun)+ ant-design-pro,开始一时爽,后面火葬场,这里记录一下这次实践的过程。直接看DEMO点这里 1. 创建主应用 1.1 通过umi 初始化 ant-design-pro // 通过umi初始化项目npm create umi...
一、Ant Design Pro的设计理念 1.1 Ant Design Pro的设计体系概述 Ant Design Pro 作为一款专为中台前端设计和开发量身定制的框架,自诞生之日起便致力于解决企业级应用中常见的复杂性问题。它不仅仅是一个工具箱,更是一种设计理念的体现。基于 Ant Design 的设计体系,Ant Design Pro 在保证功能性的基础上,进一步...
Ant Design Pro 是一个企业级中后台前端/设计解决方案,我们秉承 Ant Design 的设计价值观,致力于在设计规范和基础组件的基础上,继续向上构建,提炼出典型模板/业务组件/配套设计资源,进一步提升企业级中后台产品设计研发过程中的『用户』和『设计者』的体验。 2.2 启动项目 2.2.1 安装 新建一个空的文件夹作为项目目...
AntDesignVue中文翻译antdesign ofvuepro AntDesign是蚂蚁金服体验技术部打磨出一个服务于企业级产品的设计体系,通过模块化解决方案降低生产成本。前端实现涵盖了reactvueangular等三大框架。ANTDPROVUE是AntDesign的vue实现,开发企业级后台产品。安装antprovue是一套基于AntDesignVue的中后台管理控制台的脚手架。 直接从Gi...
Ant Design Pro Github(⭐️ 32.7k):https://github.com/ant-design/ant-design-pro Ant Design Mobile Github(⭐️ 10.5k):https://github.com/ant-design/ant-design-mobile 2. Element UI Element 是一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库。
Ant design pro v4-服务器菜单和路由权限控制 锦城牛仔 机器人集成开发 要解决的问题:ant design pro默认情况下,菜单和路由都用配置的方式,在前端的config/config.ts中配置。但是大多数后台系统都需要由后端服务器控制权限。 类似的需求一般包括两点: 1… ...