登录成功不跳转的问题

一般而言，登录成功后页面会进行跳转，但我最进遇到一个问题，会导致原应该进行跳转的登录，在成功输入完账号密码以及验证码后，点击登录按钮，弹出登录成功的提示框，点击确定后，却没有跳转到主页面。如下图

出现后，自查登录代码，跳转路径反复排查后发现，相关代码都没有问题，排查中发现虽然没有跳转页面，但虽说页面没有成功跳转但其实，但它却是成功登录的了。在控制器中能获取到成功登录后设置的session及cookie值。以往也没遇到过能登录成功而页面停留在登录页面没有跳转的情况，只得去请教别人。
那是什么原因会导致她在输入并验证完验证码账号以及密码后，没有进行跳转在原页面刷新的。

查询资料后

Button type= “submit”;
Type
Button的类型，可选值（类型详解来自mdn
• submit: 此按钮将表单数据提交给服务器。如果未指定属性，或者属性动态更改为空值或无效值，则此值为默认值。
• reset: 此按钮重置所有组件为初始值。
• button: 此按钮没有默认行为。它可以有与元素事件相关的客户端脚本，当事件出现时可触发。
• menu: 此按钮打开一个由指定<menu>元素进行定义的弹出菜单。

正是这个button的类型属性的设置为submit会导致其不会跳转。正是由于在登录按钮设置了submit这个属性值用作表单数据提交的，但在登录窗口，（在输入完账号密码以及验证码后，弹出文本提示框。）确不会进行页面跳转
可以发现：button如果没别的，就会一动不动；submit如果没别的，就会刷新页面（应该是一闪然后保持原页面）；然后保持原页面。

处理方案：将原来设置为submit的值，更改为button。Button按钮发挥她按钮的功能提交账号，密码，验证码。再次点击完登录按钮后，系统验证完账号密码后，成功登录到主页面
效果图

总结：自己做总是会出现些莫名其妙的事，这次要知道button的type的值不能随意设置，一不小心连登录都办不到。Submit用作提交表单数据。

登录成功不跳转的问题相关推荐

Winform中实现简单的登录成功后跳转到主页面的逻辑
场景 Winform中实现运行项目后首先启动登录窗体,验证成功之后,跳转到主页面. 注: 博客: BADAO_LIUMANG_QIZHI的博客_霸道流氓气质_CSDN博客-C#,SpringBoot, ...
登录成功后怎么跳转页面html,怎么设置登录成功后跳转到相应的页面
想要用angularjs实现的功能是一进入就是一个登录页面(login.html),如果没有账号密码就注册,登录成功后跳转到相应的页面(shopcart.html) 碰到的问题 1.一进入页面没有显 ...
如何使用Shiro实现不同用户登录成功后跳转到不同主页?
0 如何使用Shiro实现不同用户登录成功后跳转到不同主页?10 Shiro配置文件中successUrl指定的页面只有一个: Java代码 <bean id="shiroFilt ...
html登陆成功后跳转页面跳转,怎么设置登录成功后跳转到相应的页面
想要用angularjs实现的功能是一进入就是一个登录页面(login.html),如果没有账号密码就注册,登录成功后跳转到相应的页面(shopcart.html) 碰到的问题 1.一进入页面没有显 ...
shiro登录成功之后跳转原路径
通过 WebUtils.getSavedRequest(request) 来获取shiro保存在session登录之前的url 1:java Controller代码 1 @PostMapping(& ...
用php写登录成功后的界面,登录成功后跳转_php如何实现登录成功后跳转页面
摘要腾兴网为您分享:php如何实现登录成功后跳转页面,指南针,优软商城,优美图,天天美剧等软件知识,以及蓝光mp3剪切器,微信6,scandallpro,新页生产管理软件,asmr音频,lc标签打印 ...
登录成功后跳回到原来页面
应用场景:一般网页游客和登录用户看到的内容是有区别的,如果一个未登录的用户在看到登录提示后跳转到登录界面登录,那么登录成功后怎么返回到该页面呢? 写这篇博客是因为我自己把解决问题的方向想偏了,本来实现 ...
解决 electron 打包 vue-element-admin 登录成功无法跳转
问题原因: 大部分vue 前段项目会使用 js-cookie 这个库来操作浏览器的cookie 然而这个库在electron下会无法使用 (最坑的是还没报错) 从而导致登录成功以后写coo ...
vue登录成功回跳某个页面
axios拦截器很多时候,项目有些页面需要用户进行登录才可以继续进行操作,,登录完之后就需要跳转到用户登录之前想去的那个页面,这个实现比较简单: 使用axios进行http请求,进行拦截: axio ...

登录成功不跳转的问题

查询资料后

登录成功不跳转的问题相关推荐

最新文章

热门文章