Ant Design Pro
Pro ant Design
2023-06-13 09:13:09 时间
# 简介
https://pro.ant.design/zh-CN/
开箱即用的,自带后台登录等界面 选择umi3版本
complete界面
simple界面
# 使用
pages下放置模块 配置路由 PageContainer包含面包屑
import {
PageContainer,
} from '@ant-design/pro-components';
const User: React.FC =()=>{
return(<PageContainer>User组件</PageContainer>)
}
export default User;
需要配置国际化,而不是直接采用路由里面的name
# 网络请求request
可以配置前置拦截器 响应后拦截
# 代理
注意配置pathRewrite,启用项目改为yarn start:dev
dev: {
// localhost:8000/api/** -> https://preview.pro.ant.design/api/**
'/api/': {
// 要代理的地址
target: 'https://127.0.0.1:9090',
// 配置了这个可以从 http 代理到 https
// 依赖 origin 的功能可能需要这个,比如 cookie
changeOrigin: true,
pathRewrite: { '^/api': '' },
},
},
项目启动出错
删除src下的.umi文件夹
我的博客即将同步至腾讯云开发者社区,邀请大家一同入驻:https://cloud.tencent.com/developer/support-plan?invite_code=38dpnhkh4o8wo
相关文章
- Ant Design Pro 中 点击子菜单的时候,其他菜单不自动收起来
- 使用VMware Wokstation 15.5 Pro安装UOS操作系统x86_64版
- Adobe Acrobat Pro DC 2019免安装!-所有版本的Acrobat PDF编辑器
- PDF编辑“神器”来了!谁说PDF格式不能改的?最牛逼的PDF编辑器Acobat Pro DC
- Premiere Pro (PR) 2020 For MAC版本--Premiere全版本软件下载
- 宝塔部署ant-design-pro vue配置
- pr软件下载电脑版,adobe premiere pro软件中文版2023下载安装
- Macs Fan Control Pro for mac(电脑风扇控制降温)
- OmniReader Pro for Mac(图书阅读器)
- ReCap Pro 2019三维建模和扫描数据转换的专业工具+全版本安装包
- 全球首发骁龙888+!iQOO 8 Pro曝光:屏幕、快充都是天花板
- 魅族 MX4 Pro/MX4 Flyme 4.5.4稳定版发布下载
- 为新款MacBook Pro备货Mini-LED屏幕 立讯精密成苹果SMT第二家供应商
- 比亚迪秦Pro“换标”丰田电动车 明年开卖
- 华为 P50 Pro 确认搭载麒麟 9000/骁龙 888 4G 芯片,华为 P50 搭载骁龙 888
- ANT轻松完成Linux命令执行(ant执行linux命令)
- 使用Linux操作系统安装Ant的步骤指南(linux安装ant)
- 如何彻底卸载Linux系统上的Ant?(linux卸载ant)
- 如何在Linux上安装Ant(ant安装linux)