一下是使用Umi Max时,填的坑记录,希望能帮助到自己和大家。
UMI request 提示跨域cros问题
如果服务端已经配置了跨域仍然有问题,有可能是请求地址不存在或者404造成的
路由菜单无法显示 ant 图标
建议重启开发环境,环境才会自动按需引入图标组件,运行时情况下环境不会自动重新加载
layout、antd 部分配置不生效
建议认真看文档,使用umi max时,umirc 中的layout、antd仅支持部分配置,可以在app.ts 运行时的layout、antd去配置, 详情查看
js 赋值是引用传值
类似于:const a={A;1}; let b=a; b.A=4; 这是a.A值也变了
无法拦截非200-300状态码、跨域问题 Access-Control-Allow-Origin
这个要设置跨域,以及 比如 :cors:[Origin :‘*’],否则 axios无法拦截响应response内容
如何选择菜单目录时,默认选择下级指定目录
{
name: '订单管理',
icon: 'ShopOutlined',
path: '/sinteredStone',
routes: [
//通过这种方式实现
{
path: '/sinteredStone',
redirect: '/sinteredStone/order',
},
{
name: '订单管理',
path: 'order',
component: './sinteredStone/Order',
},
]
}
表单提交数据 omitNil 不提交空值字段问题
这个是很反人类的配置,例如把date 表单字段设置为空值,默认omitNil=true 时,提交表单数据是不包含该date字段的,但是 date空值可能代表我们不设置该值而不是忽略该字段,不提交后台也无法获取该字段。在某些后台框架下如果表单不包含该字段就不会做数据验证、更新等处理。所以必须 omitNil=false 关闭剔除空值字段。