第一步、在antdesign项目的config文件夹下找到proxy.js 第二步、写一个service.js 用来连接前后台 第三步、完善一下index.jsx即可 第四步、后台提供数据 第一步、在antdesign项目的config文件夹下找到proxy.js (实在不好意思,我为了尝试使用一下visual studio,所以截图的风格变了一下,之前都是idea来着,没办法全...
1.登录页面 import { LockOutlined, UserOutlined } from '@ant-design/icons'; import { Alert, message } from 'antd'; import React, { useState } from 'react'; import ProForm, { ProFormCheckbox, ProFormText } from '@ant-design/pro-form'; import { useIntl, Link, history, FormattedMessage...
找到package.json文件,找到图位置加--port即可。
我们修改 config/proxy.ts文件的地址来进行尝试。 如上我修改了 dev的环境地址,为了安全起见,地址我隐藏了。大家可与修改这里为你们的正式请求地址。修改完成后,我们可与保存下代码再次进行尝试登录。 会发现,接口已经正式生效了。 至此,配置修改后台请求接口地址的工作就已完成了。但是细心的朋友发现了,当我点了登录...
1\修改系统小图标和文字 修改路径：ant-design-vue-pro/public/index.html 修改方式：首先我们需要准备系统图标，推荐一个阿里巴巴出品的矢量图标库—— iconfont。我以XX大学毕业生就业信息管理系统为例，修改图标和文字。下载好的图标我们修改名为logo.png，并替换public下的logo.png。然后修改index.html的head部分的...
安装@ant-design/pro-components": "^2.3.6 后, 运行项目报错如下: These dependencies were not found: rc-util/lib/hooks/useState in ./node_modules/@ant-design/pro-layout/es/components/PageHeader/index.js react/jsx-runtime in ./node_modules/@ant-design/pro-card/es/ProCard.js, ./node_modu...
简介:【Ant Design Pro】使用ant design pro做为你的开发模板(六)OpenAPI,快速管理你的请求接口 前言 在之前的处理中,我们的项目 模板到目前为止已经基本具备了大多数功能,并且较为清晰,从本章开始,我们就要着重于实际开发,来解决伙伴们在日常开发中碰到的坑以及麻烦的事情,最大程度上的提高开发效率与开发规范。本...
🐛 bug 描述 目前我是在用微前端来重构新项目,老项目里用了 ant-design-vue,而新项目里用 React 的 ant-design,因为这两者样式冲突,所以希望在新项目里使用 prefixCls 修改类名前缀。 const renderApp = (props: any) => { const { container } = props; ReactDOM.ren
笔者近期的项目开发都在使用Vue框架,在此整理下怎么样在Vue框架下实现ant-design-pro中菜单路由的配置方案。 背景: 一般中后台系统都需要根据当前登录用户的信息展示相应的模块,这就要求前端需要在拿到用户信息后对整个系统的菜单和路由做相应的鉴权处理。
Ant Design Pro配置 不管是前端框架,还是后端框架,大多数情况下,我们只想修改一些基本配置后,就能快速根据自己的业务需求进行开发项目。这也是我们愿意使用一些优秀框架的原因。 在Ant Design Pro 中,调整配置的地方不止一处,都有哪些呢?一起来看看吧。 1、defaultSetting.js 配置...