Ant Design Pro写项目的总结经验(react)
配置代理(proxy)
在config文件夹下面的config.ts里面配置修改
修改前:修改后:
修改账号框以及登录接口以及登录返回的code
由于它的账号框是username,但是我们接口请求要填写的是account,因此可以全局搜索进行替换,然后在api.ts进行修改登录接口 ,由于登录根据code判断是否登录成功,所以我们要去在src/services/ant-design-pro/typings.d.ts里面的LoginResult里面添加一个 code?: number;,效果如下
修改模拟数据与登录
先把图一圈出来的地方修改一下,模拟一下数据,接着在登陆下面跳转后面换为想跳的页面即可成功跳转
if (!userInfo) {
flushSync(() => {
setInitialState((s) => ({
...s,
currentUser: {access : "admin", address : "西湖区工专路 77 号",avatar: "https://gw.alipayobjects.com/zos/antfincdn/XAosXuNZyF/BiazfanxmamNRoxxVxka.png"
,country
:
"China"
,email
:
"antdesign@alipay.com"
,geographic
:
{city
:
{label: '杭州市', key: '330100'},
province
:
{label: '浙江省', key: '330000'}}
, group
:
"蚂蚁金服-某某某事业群-某某平台部-某某技术部-UED"
,name
:
"Serati Ma"
,notifyCount
:
12
,phone
:
"0752-268888888"
,signature
:
"海纳百川,有容乃大"
,tags : [
{key: '0', label: '很有想法的'},
{key: '1', label: '专注设计'},
{key: '2', label: '辣~'},
{key: '3', label: '大长腿'},
{key: '4', label: '川妹子'},
{key: '5', label: '海纳百川'}] , title
:
"交互专家"
, unreadCount
:
11
,userid
:
"00000001"},
}));
});
}
还有一个坑,页面刷新会返回到首页..
https://github.com/fex-team/ueditor#ueditor