Loading [MathJax]/jax/output/CommonHTML/config.js
前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >Ant Design Pro

Ant Design Pro

作者头像
P轴
发布于 2022-11-18 09:15:48
发布于 2022-11-18 09:15:48
1.2K00
代码可运行
举报
文章被收录于专栏:P轴P轴
运行总次数:0
代码可运行

# 简介

https://pro.ant.design/zh-CN/

开箱即用的,自带后台登录等界面 选择umi3版本

complete界面

simple界面

# 使用

pages下放置模块 配置路由 PageContainer包含面包屑

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
import {
    PageContainer,
  } from '@ant-design/pro-components';
const User: React.FC =()=>{
    return(<PageContainer>User组件</PageContainer>)
}

export default User;

需要配置国际化,而不是直接采用路由里面的name

# 网络请求request

可以配置前置拦截器 响应后拦截

# 代理

注意配置pathRewrite,启用项目改为yarn start:dev

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
 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

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
使用ant design开发完整的后台系统
这里要说的是ant design的vue版和react版本的使用。这里不考虑到两种框架vue和react的底层。
Jimmy_is_jimmy
2020/06/09
2.6K0
使用ant design开发完整的后台系统
前端UI框架Ant Design Pro
一直忙于工作,也没时间总结。现在有点零散时间把之前做的笔记整理一下。 目前项目使用的技术栈是,前端UI框架Ant Design Pro,数据交互使用react,后端使用的是springcloud,离线存储数据使用hadop(刚搭完还没开始用).后端的技术栈世面上基本稳定都用微服务这套,因为spring全家桶一直非常稳定。 Ant Design Pro目前蚂蚁金服和阿里巴巴内部上百个项目正在尝试 Pro 的研发模式 1.安装node和git 2.从 GitHub 仓库中直接安装最新的脚手架代码。
编程软文
2018/10/18
3.5K1
axios实现跨域三种方法_react antdesign
首先 import axios from 'axios'(前提是安装了axios)
全栈程序员站长
2022/10/01
2.3K0
axios实现跨域三种方法_react antdesign
Uni&antd的ProLayout布局动态菜单实现及踩坑记录
ProLayout 高级布局是 Ant Design Pro 中的一个组件,可以提供一个标准又不失灵活的中后台标准布局,同时提供一键切换布局形态,自动生成菜单等功能。页面中需要承载内容时,可以使用 ProLayout 来减少布局成本。
德顺
2021/07/09
14.9K5
乌米 UMI
Umi 官网:https://umijs.org/ GitHub:https://github.com/umijs/umi
P轴
2022/11/18
1.3K0
乌米 UMI
ant-design-pro中使用环境变量的最优方案
在ant-design-pro 中稍微有些不同,因为pro中没有 .umirc.js文件, 只有config/config.ts 具体步骤是
拿我格子衫来
2022/01/24
1.4K0
ant-design-pro中使用环境变量的最优方案
Mock17-Antd高级模板组件ProComponents
升级好最新前端框架后,让我们回到Mock服务前后端的配置服务开发中,最开始我们已经学会了Antd pro的中后台框架的创建,以及使用Ant Design组件进行布局式开发前端页面。接下来让我们更进一步,了解和学习能让让中后台开发更简单的模板组件ProComponents。
MegaQi
2024/02/27
5080
Mock17-Antd高级模板组件ProComponents
基于Ant Design Pro搭建博客管理后台 第一节
官网教程:https://pro.ant.design/docs/getting-started-cn github链接:https://github.com/ant-design/ant-design-pro 在线预览链接:https://preview.pro.ant.design/dashboard/analysis
王小婷
2019/11/29
1.8K0
Ant Design学习(六)
Ant Design Pro 是基于Ant Design的一个开箱即用的,企业级中后台前端/设计解决方案。
用户1289394
2023/01/05
5410
Ant Design学习(六)
【玩转 Cloud Studio】初体验之Ant Design Pro
Ant Design Pro 作为一个前端脚手架,默认读者已经懂了一些前端的基础知识,并且了解 umi 和 Ant Design, 如果你是纯粹的新手,第一次来跑项目建议读一下 新手需知。磨刀不误砍柴工,了解一些基础知识可以让学习曲线更加平滑。(以上文字引自Ant Design Pro 官网)
99
2022/08/25
1.4K1
【玩转 Cloud Studio】初体验之Ant Design Pro
项目实战-UmiJS开发(附带qiankun)
一般来说,中小型团队的中台项目都是前端自己主导样式,而样式、布局、路由、权限等等一系列的通用性很强的基础框架,自研比较花时间,投入的回报率不高,最好的方法就是在比较成熟的方案上进行一定的个性化定制,性价比会很高,所以我们也采用了 UmiJS + ANT DESIGN PRO 的架构来进行项目升级(之前的老项目基于 Umi2.0 与 ANT DESIGN PRO 3.0 开发)
Cookieboty
2020/12/08
2.3K0
项目实战-UmiJS开发(附带qiankun)
Ant Design Umi 项目创建
Umi是什么,我们这里先不介绍,我们下一篇文章再去了解。我们先创建一下它的项目看看。
用户4793865
2023/01/12
1.2K0
快速学习Ant Design Pro-快速入门
下载地址:https://github.com/ant-design/ant-design-pro 我们使用资料中提供的,已经下载好的文件:ant-design-pro-master.zip
cwl_java
2020/02/14
2K0
ElementUI和Ant Design对比
&nbsp;&nbsp;&nbsp;&nbsp;首先,通过一张表格来对比这两框架的异同吧
陨石坠灭
2020/05/22
24K0
Ant Design Pro初始化.md
4.删除playwright.config.ts自动测试框架,删除用到他的地方,再删除依赖
槿泽
2022/11/29
3210
又快又美又好用的前端框架 Ant Design Pro V5 发布了
距离上次 Pro 发布已经过去了两年,这两年间前端的生态也发生了一些变化, Low-Code 大行其道,Bundleless 也随着 Snowpack,Vite 的发布越来越火热,前端在国际化,权限,数据流和布局方面已经有了最佳实践。 Ant Design Pro 致力于提升中后台的开发体验,在这些领域我们也提出了自己的解决方案。 ​
用户8639654
2021/07/16
1.4K0
Ant Design Pro 部署到 aliyun oss 遇到的一个小问题
以往我们都是买一台服务器托管,然后把前端页面和后端服务放在同一台机器上,把域名解析到这台服务器,通过nginx绑定域名,并指向到前端页面所在目录,前端页面请求接口,就配置nginx代理转发,比如匹配到 '/xxxx',就转发到后台服务上。
前端人人
2019/05/31
2.5K0
开箱即用的中台前端解决方案
Ant Design Pro 是基于 Ant Design 和 umi 封装的一整套企业级中后台前端/设计解决方案。
程序员老鱼
2022/12/02
9990
Ant Design X专为 AI 应用设计的 UI 框架,正式发布!
文章地址:https://cloud.tencent.com/developer/article/2471893
一起重学前端
2024/11/29
1.6K0
6 个火爆 GitHub 的后台管理模板,快来收藏!
今天来给大家介绍6个火爆 G 站的管理后台模板,有了它们,对于前端不是很熟悉的小伙伴来说,再也不用烦恼了,而且有一说一,即使是前端大牛,要想从零开发一套完整的管理模板,也不是一件容易的事情。
周萝卜
2020/12/15
1.5K0
相关推荐
使用ant design开发完整的后台系统
更多 >
LV.1
这个人很懒,什么都没有留下~
作者相关精选
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
本文部分代码块支持一键运行,欢迎体验
本文部分代码块支持一键运行,欢迎体验