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