Ant Design Pro4.0+Umi3.0 升级整理

前言

Ant Design Pro这次升V4,升了一个大版本
搭配的Umi也升了一个大版本从V2升至V3
所以这次将手上的项目整体都升级了一下

升级整理:

  1. Layout整体要替换
  2. form从Form.creat()变成useForm()
    在这里插入图片描述
    在这里插入图片描述
    检验:
    在这里插入图片描述
  3. icon不再从antd里引用
    老版会
  4. Dva揉进了umi,以前从dva引用的模块,现在都从umi中引用

在这里插入图片描述

  1. 用history替代route
    在这里插入图片描述
    在这里插入图片描述

  2. request集成在umi里
    在这里插入图片描述
    想对request进行自定义处理
    官网有提供对应的api
    官网地址:https://umijs.org/plugins/plugin-request
    request源码文档:https://github.com/umijs/umi-request
    我有用到请求拦截器返回拦截器
    我的request文件:

/**
 * request 网络请求工具
 * 更详细的 api 文档: https://github.com/umijs/umi-request
 */
import {
    extend } from 'umi-request';
import {
    notification, message } from 'antd';
import {
    getDvaApp } from 'umi'


/**
 * 配置request请求时的默认参数
 */
const request = extend({
   
  credentials: 'include', // 默认请求是否带上cookie
})
  • 0
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值