2021-10-15 antdpro 登录页需要登陆两次才能跳转的问题

最新推荐文章于 2024-04-24 14:11:56 发布
最新推荐文章于 2024-04-24 14:11:56 发布
阅读量1.4k 收藏 2
点赞数 2
分类专栏： antd pro 文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u011341849/article/details/120790794
版权

AntdPro 登陆页面，第一次点击登陆页面没有跳转，再点击一次登陆按钮才能跳转

这个问题我查了好久，网上也搜了很多资料。好像都没有针对这个问题的回答。期初我怀疑是history.push的问题，查了好多antdpro不跳转，history.push不跳转的相关词条。后来一步步断点发现。
在这里插入图片描述
其实页面跳转了，但是因为没有识别登陆状态，没有在initialState中取到currentUser，于是页面又重定向到了登陆页面。仔细想想，官方示例登陆是直接判断的，并没有请求哇，，，，呜呜呜，我傻了。请求改为异步后，问题解决了~~~

jrls1993
关注
  • 2
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 8
    评论
专栏目录
Vue-router路由判断页面未登录跳转到登录页面的实例
08-29
该实例中的主要思想是使用路由的meta属性来标记哪些路由需要登录权限，然后在路由守卫中判断当前用户是否已经登录，如果没有登录则跳转到登录页面。 首先，我们需要在路由配置中添加一个meta属性，用于标记该路由...
umi-antd-pro-antd-pro.zip
08-06
- **权限管理**：可使用 ProLayout 内置的权限管理功能，设置需要登录才能访问的页面。 - **编写业务代码**：基于 Ant Design Pro 的组件库和业务模板，开始编写具体业务代码。 - **启动项目**：运行 `npm start`...
点击登录按钮二次才跳转到首页
weixin_63954739的博客
12-08 450
点击登录按钮，调取接口,成功后获取数据并跳转到首页，都没有问题，也没有报错，就是点击第一次不跳转，第二次才能跳转，这是代码。试了好几次才发现这个问题出现的原因是，在点击登录按钮，数据获取成功时先进行跳转然后再把数据存储在本地；解决方法：先把数据存储在本地，再进行页面跳转。
ant design pro 需要登录两次问题
LucklyTiger的博客
07-15 874
ant design pro 需要登录两次问题，登录接口替换自己的接口后，需要点2次登录才能跳转到欢迎页。
Ant Design Vue Pro去掉权限和登录页面直接进入系统
最新发布
ChenJin_2的博客
04-24 282
Ant Design Vue Pro去掉权限和登录页面直接进入系统
SQLmap————3、MySQL注入
Fly_鹏程万里
05-04 579
MySQL注入流程1、判断是否可以注入Sqlmap  –u  http://www.xxx.com/login.php?id=12、猜解数据库名称Sqlmap  –u  http://www.xxx.com/login.php?id=1   --Database3、猜解表名Sqlmap  –u  http://www.xxx.com/login.php?id=1 –D  datebasename ...
vue form登录需要点击两次问题
u011225228的博客
07-03 5916
问题描述：在做登录页面时，使用Form和submit，和reset，因为可以自动添加回车登录事件和置空功能，很方便。但是也遇到了问题。第一次点击登录按钮时，并没有执行 submit的click事件，而是在地址栏中添加了一个问号，并且刷新页面。第二次点击登录时才执行click。可能原因：form中的submit带有默认的提交和跳转动作，在点击submit时，执行的时默认的提交和跳转解决方案：给sub...
antd v5 pro 项目登录页面刷新后登录成功跳转失败
gaoxiaofei520sss的博客
05-22 683
问题出在这，该方法，之前登录返回为undefined。之前版本没有这个问题，升级后出现。只有第一次、或者关闭浏览器重新打开时点击登录，才可以进入。点击浏览器刷新，登录成功，跳转为当前页面。这个问题很好解决，直接答应对应的数据，发现login.tsx，存储数据的格式和之前不一致，显示有误，做相应修改即可。第一步，显示登录成功，但跳转失败，说明await fetchUserInfo()有问题。第三步,排查app.tsx getInitialState方法。发现为undefined。第二步,打印初始化数据。
antd 实现跳转
金溪的博客
08-14 4834
使用<Link />标签 1. 导入umi组件 import Link from 'umi/link'; 2. 页面使用<Link />标签 <Link to="/dashboard/analysis?id=1&name=admin"><Button icon="plus"><FormattedMessage id='glo...
vue-router判断页面未登录自动跳转到登录页的方法示例
10-17
主要介绍了vue-router判断页面未登录自动跳转到登录页的方法示例,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
react-navigation 如何判断用户是否登录跳转到登录页的方法
08-28
其中，判断用户是否登录并跳转到登录页是移动应用程序中非常重要的一步。本文将详细介绍 React Navigation 中判断用户是否登录跳转到登录页的方法。 判断用户是否登录 在 React Navigation 中，判断用户是否登录...
登录时，点击两次才可以跳转
chenlengsu_it的博客
05-18 3256
今天没什么事情干，加上公司新招了一个测试，测试在看公司的网站时。发现之前的一个项目有一个小bug一直未修复，整好很闲，就打开项目看了看 起初刚开始的话，检查了一下login.vue 文件的登录逻辑是没什么问题的，但是到了this,$route.push 的时候就不好使了，第一时间想的是 this指向问题，因为 当时是嵌套了element的 表单验证的函数，还有 vuex封装的方法，就觉得可能是this问题，但是var that = this后，发现问题依然没有解决。 于是开始百度，面向百度工程师就是我了 刚
2021-10-14 antd pro 回车登陆
u011341849的博客
10-14 879
Ant Design Pro 使用心得记录 提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录登陆页面回车提交 最近新系统开发需要使用到ant pro，遇到了许多问题，在此记录。 登陆页面回车提交 系统自带的登陆页面不支持回车提交表单信息。查阅文档后发现 可以再此配置中增加htmlType=submit使得回车可以提交表单。但是同时带来一个问题是，此时无论点击登陆按钮还是按回车。表单都会提交两次，登陆请求也会发两次。感觉有点莫名其妙。 对比了官网登陆表单的文档。我决定改造一下
vue刷新会跳转首页怎么解决？原因之一
YAYTXT的博客
11-19 2137
可能是页面有a标签被点击了，目前href里改成 javascript:;可以解决。 不是这种的话，其它的原因那就暂时不祥了
第一次登录只是刷新了却没有调转成功——elementui 登录表单的 bug
青蛙king的博客
09-08 230
源代码： <el-form id="form" ref="form" :model="loginForm" label-width="80px"> <!-- <b><router-link to="/register">注册</router-link></b> --> <header> <h1>登录</h1> <p>输入您的用户名与密码
实现登录功能时，需要登录两次才能成功
Liujiaxin828的博客
08-12 858
实现登录功能时，需要登录两次才能成功
antd-pro 登录成功后无法跳转到首页
从事前端，不断积累经验，学习新的技术。头像不是本人是莉莉崽（美貌、可爱集于一身的小姐姐，小仙女），一个宝藏博主，值得喜欢！
08-06 4870
antd-pro使用
Ant design pro使用(五):未登录时自动跳转到登录页，登录之后不再返回登录页
好气嗷，但仍要保持微笑!
11-09 6088
判断是否登录，要在routes中配置 SecurityLayout config/config.ts routes:[ { path:'/user', layout: false, routes:[ {path:'/user',redirect:'/user/login'}, { path:'/user/login', name:'登录', component:'./User/Lo
antd 框架：点击链接重开浏览器页面——基础积累
yehaocheng520的博客
06-20 1110
antd 框架：点击链接重开浏览器页面——基础积累
antd-mobile从tab中跳转到其他页面
07-13
要从antd-mobile的Tab组件中跳转到其他页面，你可以使用react-router-dom库来实现路由导航。首先，确保你已经在项目中安装了react-router-dom库。 接下来，你需要创建一个路由配置文件，例如`routes.js`，在该文件中定义你的路由路径和对应的组件。例如： ```jsx import { Route, Switch } from 'react-router-dom'; import HomePage from './pages/HomePage'; import OtherPage from './pages/OtherPage'; const Routes = () => { return ( <Switch> <Route exact path="/" component={HomePage} /> <Route path="/other" component={OtherPage} /> </Switch> ); } export default Routes; ``` 然后，在你的Tab组件中，使用`Link`组件来实现跳转。例如： ```jsx import { Link } from 'react-router-dom'; const TabComponent = () => { return ( <div> <ul> <li> <Link to="/">Home</Link> </li> <li> <Link to="/other">Other</Link> </li> </ul> </div> ); } export default TabComponent; ``` 这样，当你点击Tab组件中的链接时，就会导航到对应的页面。记得在根组件中引入路由配置文件，并使用`BrowserRouter`组件包裹你的应用。 希望能帮到你！如果还有其他问题，请随时提问。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值