热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

mobx的store中获取数据如果获取成功将跳转路由,但是store中无法使用this.props

问题描述mobx的store中有一个获取token的request,如果获取成功将跳转路由至/,但是store中无法使用this.props.history.pus

问题描述

mobx的store中有一个获取token的request,如果获取成功将跳转路由至'/',但是store中无法使用this.props.history.push('/')




问题出现的环境背景及自己尝试过哪些方法

尝试加一个state存储登录与否,但是不太好,有没有直接解决的方法?

相关代码

// 请把代码文本粘贴到下方(请勿用图片代替代码)
class IssueStore {



1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
@observable open_list = []

@observable item = ''

@observable isLogin = false

@observable username = ''

@observable password = ''

@observable table_loading =true

@computed get fullName() {

    const { firstName, lastName } = this;

    if (!firstName && !lastName) {

        return "Please input your name!";

    } else {

        return firstName + " " + lastName;

    }

}

@computed get loginStatus(){

    return loginStatus=this.isLogin;

}

@action queryToken() {

    NewRequest.request({

        form: {

            "username": this.username,

            "password": this.password

        },

        url: BaseUrl+'/api/api-token-auth/',

        success: function (res) {

            let str = JSON.parse(res);

            NewRequest.setStorage('token', str.token);

            NewRequest.setStorage('username',this.username );

            this.isLogin=true

        }.bind(this),

        error: function () {

            message.error('信息错误,请重新登录!');

        }.bind(this)

    })

}

@action queryOpenList() {

    NewRequest.request({

        user_method: 'List_open',

        url: BaseUrl + '/api/issue/',

        success: function (res) {

            var obj = JSON.parse(res);

            this.open_list=obj;

            this.table_loading=false;

        }.bind(this),

        error: function (res) {

            if(res.status==='401'){

            }

           

        }.bind(this)

    })

}

}

你期待的结果是什么?实际看到的错误信息又是什么?

希望能够直接在上面这个queryToken函数里直接进行路由跳转。


   



推荐阅读
  • 本文介绍如何使用 Angular 6 的 HttpClient 模块来获取 HTTP 响应头,包括代码示例和常见问题的解决方案。 ... [详细]
  • Python + Pytest 接口自动化测试中 Token 关联登录的实现方法
    本文将深入探讨 Python 和 Pytest 在接口自动化测试中如何实现 Token 关联登录,内容详尽、逻辑清晰,旨在帮助读者掌握这一关键技能。 ... [详细]
  • Django Token 认证详解与 HTTP 401、403 状态码的区别
    本文详细介绍了如何在 Django 中配置和使用 Token 认证,并解释了 HTTP 401 和 HTTP 403 状态码的区别。通过具体的代码示例,帮助开发者理解认证机制及权限控制。 ... [详细]
  • 本文介绍了如何使用JavaScript的Fetch API与Express服务器进行交互,涵盖了GET、POST、PUT和DELETE请求的实现,并展示了如何处理JSON响应。 ... [详细]
  • 微信小程序:授权登录与手机号绑定
    本文详细介绍了微信小程序中用户授权登录及绑定手机号的流程,结合官方指引和实际开发经验,提供了一套完整的实现方案,帮助开发者更好地理解和应用。 ... [详细]
  • Kubernetes 持久化存储与数据卷详解
    本文深入探讨 Kubernetes 中持久化存储的使用场景、PV/PVC/StorageClass 的基本操作及其实现原理,旨在帮助读者理解如何高效管理容器化应用的数据持久化需求。 ... [详细]
  • 本文介绍如何在Spring Boot项目中集成Redis,并通过具体案例展示其配置和使用方法。包括添加依赖、配置连接信息、自定义序列化方式以及实现仓储接口。 ... [详细]
  • 2018-2019学年第六周《Java数据结构与算法》学习总结
    本文总结了2018-2019学年第六周在《Java数据结构与算法》课程中的学习内容,重点介绍了非线性数据结构——树的相关知识及其应用。 ... [详细]
  • Java项目分层架构设计与实践
    本文探讨了Java项目中应用分层的最佳实践,不仅介绍了常见的三层架构(Controller、Service、DAO),还深入分析了各层的职责划分及优化建议。通过合理的分层设计,可以提高代码的可维护性、扩展性和团队协作效率。 ... [详细]
  • 黑马头条项目:Vue 文章详情模块与交互功能实现
    本文详细介绍了如何在黑马头条项目中配置文章详情模块的路由、获取和展示文章详情数据,以及实现关注、点赞、不喜欢和评论功能。通过这些步骤,您可以全面了解如何开发一个完整的前端文章详情页面。 ... [详细]
  • 在PHP后端开发中遇到一个难题:通过第三方类文件发送短信功能返回的JSON字符串无法解析。本文将探讨可能的原因并提供解决方案。 ... [详细]
  • 在高并发需求的C++项目中,我们最初选择了JsonCpp进行JSON解析和序列化。然而,在处理大数据量时,JsonCpp频繁抛出异常,尤其是在多线程环境下问题更为突出。通过分析发现,旧版本的JsonCpp存在多线程安全性和性能瓶颈。经过评估,我们最终选择了RapidJSON作为替代方案,并实现了显著的性能提升。 ... [详细]
  • 为了解决不同服务器间共享图片的需求,我们最初考虑建立一个FTP图片服务器。然而,考虑到项目是一个简单的CMS系统,为了简化流程,团队决定探索七牛云存储的解决方案。本文将详细介绍使用七牛云存储的过程和心得。 ... [详细]
  • 本文探讨了在 SQL Server 中使用 JDBC 插入数据时遇到的问题。通过详细分析代码和数据库配置,提供了解决方案并解释了潜在的原因。 ... [详细]
  • 软件工程课堂测试2
    要做一个简单的保存网页界面,首先用jsp写出保存界面,本次界面比较简单,首先是三个提示语,后面是三个输入框,然 ... [详细]
author-avatar
徐青乔府_631
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有