antd pro v5 记录

爱被打了一巴掌 2022-09-15 11:47 6阅读 0赞

**登录后获取用户信息**

umi 使用models结合app.tsx中getInitialState方法绑定，请求用户信息接口。promise回传登录页。

login.tsx

const handleSubmit = async (values: API.LoginParams) => {
        console.log('values:', values)
        setSubmitting(true);
        try {
          // 登录
          const data = await login({ ...values, type });
          console.log('login data:', data)
          if (data.code === 200) {
            message.success('登录成功！');
    
            if (localStorage.getItem('token') == null || localStorage.getItem('token') == undefined) {
              localStorage.setItem('token', '');
            }
            localStorage.setItem('token', data.data.token);
    
            await fetchUserInfo();
            goto();
            return;
          }
          // 如果失败去设置用户错误信息
          setUserLoginState(data);
        } catch (error) {
          const defaultloginFailureMessage = intl.formatMessage({
            id: 'pages.login.failure',
            defaultMessage: '登录失败，请重试！',
          });
          message.error(defaultloginFailureMessage);
        }
        setSubmitting(false);
      };

const { initialState, setInitialState } = useModel('@@initialState');

const fetchUserInfo = async () => {
        const userInfo = await initialState?.fetchUserInfo?.();
        if (userInfo) {
          setInitialState({
            ...initialState,
            currentUser: userInfo,
          });
        }
      };

app.tsx

export async function getInitialState(): Promise<{
      settings?: Partial<LayoutSettings>;
      currentUser?: API.CurrentUser;
      fetchUserInfo?: () => Promise<API.CurrentUser | undefined>;
    }> {
      const fetchUserInfo = async () => {
        try {
          const currentUser = await queryCurrentUser();
          return currentUser?.data;
        } catch (error) {
          history.push(loginPath);
        }
        return undefined;
      };
      // 如果是登录页面，不执行
      if (history.location.pathname !== loginPath) {
        const currentUser = await fetchUserInfo();
        return {
          fetchUserInfo,
          currentUser,
          settings: {},
        };
      }
      return {
        fetchUserInfo,
        settings: {},
      };
    }

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5LqR6aOe5oms5oms_size_20_color_FFFFFF_t_70_g_se_x_16][]

[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5LqR6aOe5oms5oms_size_20_color_FFFFFF_t_70_g_se_x_16]: /images/20220828/44df7b41b91b4e51808c40559b6010ae.png

发表评论取消回复

表情：

评论列表（有 0 条评论，6人围观）

还没有评论，来说两句吧...

相关阅读

相关使用umi3和antd pro5从零实现全栈中后台管理系统

0、前言使用umi3和antd pro5从零实现全栈中后台管理系统 ![image.png][] 0-1、涉及技术栈前端： TS 、 React、Reac

淡淡的烟草味﹌/ 2022年12月27日 08:23/ 0 赞/ 167 阅读

相关 antd踩坑记录

1、antd DatePicker使用过程中出现value.locale is not a function问题解决办法点击某一个datepicker，自动设置另外

阳光穿透心脏的1/2处/ 2022年12月20日 03:27/ 0 赞/ 215 阅读

相关 webpack v5.2.4学习采坑记录

webpack v5.2.4学习采坑记录 1、CleanWebpackPlugin const path = require('path') const

爱被打了一巴掌/ 2022年11月03日 04:28/ 0 赞/ 155 阅读

相关 antd pro v5页面加载执行

import React, { useState, useEffect } from 'react'; import { PageContainer } fro

墨蓝/ 2022年09月15日 12:22/ 0 赞/ 88 阅读

相关 AntD Pro V5打包配置-不同API请求

config/host.ts console.log('process.env@：', process.env) console.log('REACT_APP

亦凉/ 2022年09月15日 00:08/ 0 赞/ 54 阅读

相关 RK3399Pro的问题记录

[RK3399Pro的问题记录\_走错路的程序员-CSDN博客问题记录.pytorch的模型一直无法加载这一部是在模型保存的时候同时产生的.普通的pytorch 直接报错的权重

不念不忘少年蓝@/ 2022年09月13日 04:06/ 0 赞/ 142 阅读

相关 antd pro _this.load is not a function

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4u

喜欢ヅ旅行/ 2022年09月11日 10:17/ 0 赞/ 170 阅读

相关 MX Player Pro v1.10.5.1 破解专业版

新版变化 v1.10.5.1正式版更新日志：2018-08-22 ·修复由于网络问题，当播放失败时显示网络错误。 ·修复魅族设备的音量控制问题 ·解决Andro

╰半夏微凉°/ 2022年05月21日 03:48/ 0 赞/ 151 阅读

相关 sequelize V5 升级记录

最近把项目中的 sequelize 由 `4.38.0` 升级到了 `5.8.7`，以下是升级记录本文地址: [shanyue.tech/post/sequel…][sha

妖狐艹你老母/ 2022年01月12日 00:09/ 0 赞/ 229 阅读

相关 antd-pro中控制loading的dva-loading使用(React)

前言：我们原来写loading状态的方法是，在异步请求的开始的时候开启loading，在异步请求的结束关闭loading，这样的写法是比较麻烦的，因为这个操作都是一

Dear 丶/ 2021年11月10日 16:06/ 0 赞/ 1316 阅读