Angular 2在登录后不重定向
Angular 2是一种流行的前端开发框架，用于构建单页应用程序（SPA）。在登录后不重定向是指在用户成功登录后，不自动跳转到其他页面，而是保留在当前页面。
这种行为通常用于实现一些特定的需求，比如在登录页面上显示登录成功的提示信息，或者在登录后执行一些特定的操作，而不是立即跳转到其他页面。
在Angular 2中实现登录后不重定向可以通过以下步骤：
- 创建一个登录组件，用于接收用户的登录信息并进行验证。
- 在登录组件中，使用Angular的HttpClient模块发送登录请求到后端服务器进行验证。
- 如果登录成功，可以在登录组件中保存用户的登录状态，比如将用户信息存储在本地存储或使用Angular的服务进行管理。
- 在登录组件中，可以根据登录成功与否显示相应的提示信息。
- 如果登录成功，可以执行一些特定的操作，比如获取用户的权限信息或者其他需要登录后才能执行的操作。
- 如果需要跳转到其他页面，可以在登录组件中使用Angular的路由模块进行导航，或者在其他组件中根据登录状态进行条件导航。
对于Angular 2的登录后不重定向的具体实现方式，可以根据具体的需求和项目架构进行调整和扩展。
关于Angular 2的更多信息，可以参考腾讯云的Angular 2产品介绍页面：Angular 2产品介绍
相关·内容
1回答
如何确定上一页是否为searchresults.xaml页
c#、xaml、microsoft-metro
情况：
应用程序是一个Windows8 metro商店应用程序。
当用户使用搜索符并在我的应用程序中找到结果时，它将转到searchresults.xaml页面。然后，用户点击其中一个项目，并被重定向(导航)到详细信息页面。详细信息页面有一个以Frame.GoBack作为代码的后退按钮。
我希望完成的是，如果用户点击后退按钮，前一页是搜索结果页，用户应该被重定向到主页。
那么，有没有办法确定这一点呢？
导航到详细信息页的代码已经使用了导航参数。
提前感谢！
浏览 0提问于2013-03-06得票数 1
1回答
在google登录Angular 8后，我如何重定向到上一页？
angular、angular-ui-router、google-login、angular-social-login
如何在谷歌登录Angular8后重定向到上一页？ 我将当前的网址保存在localStorage中，并在用户成功登录时使用它向后导航。但它不是在导航。 这是我的带登录功能的AuthService。 export class AuthService {
constructor(private afAuth: AngularFireAuth , private route: ActivatedRoute) {}
login() {
let returnUrl = this.route.snapshot.queryParamMap.get('returnUrl')
浏览 25提问于2019-10-07得票数 1
1回答
Angular2路由器-认证后如何推送导航？
angular、angular2-routing
我是Angular2路由的新手。我有一个用例，主页只是有一个登录对话框。此页面中没有导航元素。当用户成功登录时，他们应该登陆主页面，其中有选项卡可以导航到应用程序的其他页面。如何为这个用例配置路由器？
编辑
为了澄清，这是我的用例的页面结构：
Home (Login) (/)
/ | \
Page1 Page2 Page3
(/page1) (/page2) (/page3)
主页没有导航。从主页导航出去的唯一方法是成功登录。这应该会带你去Page1。第1页、第2页和第3页显示顶部有一个选项卡条，以在它们之间导航。
我查看了文档中的A
浏览 4提问于2016-01-31得票数 0
回答已采纳
1回答
如何使用Jmeter实现以下场景？
manual-testing、jmeter、performance、load-testing、blazemeter
有人能帮我解决如何使用Jmeter实现以下场景吗?在这个场景中，N个用户应该能够同时登录并实现相同的场景？
我已经尝试使用记录选项，但它不在数据库中更新。
对于一些HTTP请求，它显示了SSO问题。
复制步骤：
登录到web应用程序。
显示一个登陆页。
显示两个选项。
选择一个选项，这将重定向到特定的着陆页面。
从主页上，我们将搜索产品。
选择一个产品，它将重定向到自定义页面。
在定制页面中，我们将输入值，更新对订单的更改。
最后，完成订单中的更新更改。
在定制订单将要求我们移动到购物车或它将要求我们提交审批。
浏览 0提问于2017-03-08得票数 2
1回答
在Nuxt应用程序中如何使用不闪烁的重定向？
vue.js、authentication、nuxt.js、vuex
我有nuxt应用程序，我用vuex实现了用户授权。当用户单击导航栏中的nuxt链接时
<nuxt-link to="/profile">Profile</nuxt-link>
我检查用户是否已登录。如果不是->重定向到登录页面，如果是的话，->会停留在同一个页面上“配置文件”，在检查vuex状态之前是一个闪烁器。配置文件页在重定向到登录页之前的毫秒内出现。
我怎样才能修好它？
导航栏：
<nuxt-link to="/profile">Profile</nuxt-link>
配置文件页：
<tem
浏览 3提问于2020-10-12得票数 0
2回答
为登录用户和来宾用户响应单独的路由。
javascript、html、reactjs、architecture、react-router-component
React路由器-组件的官方github页面提到如下：
例如，您可以为匿名和登录用户返回一组不同的允许位置。
这正是我想要实现的，但我在任何地方都找不到如何做到这一点的教程。
因此，基本上，我希望有单独的路由器登录用户和客人用户。客户路由器默认为登录页，并可能重定向到登录错误页或有关页面。当用户成功登录时，登录路由器将获得控制，默认为系统概述页面。登录路由还应将导航面板呈现给每个页面。
浏览 6提问于2016-06-23得票数 1
1回答
在magento中为来宾用户添加产品到购物车
magento、add、cart
我在产品列表页面中添加了购物车。现在，如果来宾用户单击按钮，那么它将重定向到客户登录页面，成功登录后，该产品应该添加到购物车，该页面将被重定向到我的购物车页面。我已经编写了我的代码，由该来宾用户重定向到登录页面，同时单击按钮，我传递产品id在登录页面的URL。但在那之后，我不能做下一部分。在我的产品列表页面代码中，如下所示：
if (Mage::getSingleton('customer/session')->isLoggedIn()){
$url = $this->getAddToCartUrl($_product);
}else{
$id = $_pr
浏览 4提问于2014-06-19得票数 0
回答已采纳
1回答
如果用户是第一次登录，如何导航到特定的路线？
node.js、angular、express
我有一个具有注册/登录认证功能的Angular 2+，Node.js，Express.js应用程序。
如果用户第一次登录，然后随后登录的默认导航到主页路由，我想将用户导航到特定的路由。
浏览 0提问于2018-03-27得票数 0
1回答
在magento购物车页面的paypal支付标准？
magento、paypal、payment-gateway、shopping-cart
我需要整合贝宝支付标准在magento购物车页面。我不想使用快速结账.，因为它再次重定向到magento站点以获取账单信息和订单构造。
以下是我的要求：
用户将产品添加到购物车中
用户单击购物车页面中的paynow按钮
用户重定向到Paypal登录页。
用户使用paypal登录后，确认并支付金额。
用户重定向到magento感谢页面(订单成功页面)。
马根托有什么选择吗？
浏览 1提问于2013-07-15得票数 1
1回答
Next.js+Redux认证和重定向
react-redux、next.js、redux-thunk
我开始构建一个next.js应用程序，我正在使用redux。我在next.js中读了很多关于身份验证的文章，特别是redux。假设我有一个/login页面和一个/private页面。我的redux存储包含isAuthenticated状态。因此，在我看来，我需要考虑以下情况：
当通过地址栏导航到/private时，我应该重定向到/login。当已经在/private时，isAuthenticated变为false。在/login成功登录后，更新isAuthenticated状态并重定向到/private页面。
我是否错过了一些重要的可能场景(UX和安全方面的)？
关于这些案件，我在此向专家们提
浏览 1提问于2019-12-05得票数 2
回答已采纳
3回答
Ionic 4角页事件的问题
angular、ionic-framework、ionic4
我使用教程创建了一个简单的基本应用程序，它看起来非常有说服力，而且几乎可以工作。在我解释这个问题之前，有几件事要让你知道:我知道它还在测试版，所以可能会有bug，而且我对离子和角度非常陌生。
我的问题很简单，但很难解释，无论如何，我会尝试把所有的事情都整合在一起。
如前所述，我使用了上面提到的教程来创建带有3页登录、注册和仪表板的基本应用程序。所以我假设当一个页面在离子负载时，角页钩子事件总是被调用，在我的例子中，它是ngOnInit，问题是这个事件。以下是重新创建我的问题并帮助您理解我被困在何处的步骤
运行应用程序，首次加载登录页面，成功调用登录页面的ngOnInit。
我导航到注册
浏览 0提问于2018-10-03得票数 1
2回答
登录后角度刷新页面
angular、authentication、frontend
我是新来的角度，我想重新加载页面后，成功登录并重定向到主页。 这是我的登录函数的样子。 login() {
if (this.loginForm.valid) {
this.user.login_user(JSON.stringify(this.loginForm.value))
.subscribe(
data => { window.location.reload(); this.router.navigate(['']); },
error => console.log(error)
浏览 21提问于2020-03-15得票数 1
回答已采纳
2回答
Durandal登录页面重定向模式
javascript、authentication、durandal
TL;DR什么是一个很好的模式，要求用户登录以查看杜兰达尔单页应用程序中的某些页面？
我需要一个系统，如果用户试图导航到一个要求他们登录的“页面”，他们将被重定向到一个登录页面。在此登录页面上成功验证后，我希望应用程序将它们重定向到他们先前试图访问的页面，然后再重定向到登录页面。
为了将用户重定向到登录页和从登录页面重定向，我可以想到的一种方法是将URL存储到需要在浏览器历史记录中进行身份验证的页面，并在成功验证之后，从登录页导航回此历史记录项。
实现
我试图实现上面描述的模式，但是有一些问题。在main.js (或调用router.activate()之前的任何地方)，我保护需要身份验证的路
浏览 1提问于2013-09-06得票数 16
回答已采纳
1回答
在4页html5之间重定向
jquery、html、redirect、browser-history
全
我正在创建一个有4页的网站。
1)主页
2)注册页面
3)登录页面
4)密码重置页面
场景是：
用户在主页上，点击一个按钮，用户进入注册页面，成功注册后，用户被重定向到登录页面。用户首次登录后，当用户单击继续按钮时，将被重定向至密码重置页面。更改密码后，用户将自动重定向到注册页面
我认为客户端正在使用一些获取历史url的会话。
有没有人能帮我解决这个问题。
我尝试了以下方法，以便url不会存储在历史记录中。
1)状态；History.replaceState(‘状态’，‘标题’，history.js)；
2)windows.location.replace('url')；
浏览 0提问于2015-03-08得票数 1
1回答
OneLogin SAML和用户配置文件拉-不需要登录页
node.js、rest、saml、saml-2.0、onelogin
专家们！
我用两个APis创建了一个APis网络应用程序。其中一个API是GUI，最终用户可以在其中看到GUI。第二个API是auth保护程序，它将使用OPENID > authenticate > fetch用户配置文件并将信息呈现给最终用户的GUI与1L对话。
我们最初希望使用SAML断言(SSO)，类似于Zendesk或其他类似的方法，即当某人通过1L身份验证并导航到站点domain.zendesk.com时，已建立的登录令牌将您重定向到站点。当你没有登录到1L，你去的网站，你被重定向到1L为auth，然后重定向回到选择的网站，一旦你成功的auth。
我们的应用程序没有用户数
浏览 0提问于2018-10-16得票数 0
回答已采纳
2回答
azure/msal-在angular 6中登录成功后，angular未重定向到home组件
azure-active-directory、angular6、msal
我使用的是(1.0.0)和msal(^1.3.0)。登录成功后，页面为空，不会重定向到主页。但是当我刷新页面时，它会显示主页内容。
我关注的是：
在我的应用程序中，当登录成功时，用户应该被重定向到主页。
{ path: 'home', component: HomeComponent, canActivate : [MsalGuard] },
{ path: 'profile', component: ProfileComponent, },
{ path: '',
redirectTo: 'home',
pathMatch: &
浏览 31提问于2020-06-01得票数 0
2回答
如何在angular2中获取前一条路由，因此经过一些处理后，导航返回到以前的url
angular、angular2-routing
我有一个带有wishlist选项的页面，现在如果用户没有登录并单击wishlist按钮，那么用户将被重定向登录页面，但是在成功的用户登录之后，我想将用户带到以前的路由状态，用户单击wishlist按钮吗？
我尝试使用像RoutesRecognized这样的路由器事件，但是如果我第二次访问登录页面，第二次启动它，这并不是第一次启动。任何建议都请帮忙。
我甚至使用了成对()的路由器事件方法，但这也是第二次(不是第一次)，也就是说，如果我回到第1页并重新导航到page2，这个方法就会触发。它根本不会在第一次访问的时候从第1页->第2页被点燃
浏览 5提问于2017-10-13得票数 2
回答已采纳
3回答
如何在asp.net webforms中正确实现PRG模式
c#、.net、asp.net、webforms、post-redirect-get
我有一个简单的三页asp.net webforms网站，并有一个问题与返回浏览器按钮，抛出弹出"...Firefox必须发送任何信息，将重复任何行动.“在回击step3.aspx时。
流程是:用户登录到step1.aspx，会话开始，用户对产品进行报价，然后重定向到step2.aspx。在step2.aspx上，您可以通过单击asp:按钮确认购买。OnClick事件处理程序btnPurchase_Click处理购买并将Response.Redirect(" step3.aspx ")重定向到step3.aspx的逻辑。page只显示确认页面(收据详细信息)。step3上
浏览 1提问于2011-09-14得票数 4
回答已采纳
1回答
如何从returnUrl中排除某些动作方法
asp.net-mvc、returnurl
我使用returnUrl返回上一次请求的页面时，登录后，注销后，由于不活动。这本身很好，除非用户不请求页面，而是其他一些操作。我想要的是，如果SessionTimeOut之后的第一个操作是"addItem"，则returnUrl设置为“控制器/索引”，而不是“控制器/addItem”。
在SessionTimeOut之后，应用程序不会自动重定向到登录页面。当用户在SessionTimeOut之后(按照客户端的请求)发出新请求时，重定向就会发生。因此，当用户单击菜单项时，returnUrl设置为所请求的页面。到目前为止还不错。但问题是，当用户单击(例如，将addItem按钮设置为
浏览 1提问于2019-08-14得票数 0
回答已采纳
3回答
使用ASP.NET自动登录到外部网站并重定向
c#、asp.net-mvc、authentication
我们有一系列内置在web服务器中的产品，每个产品都有一个登录页面，客户希望在其中创建一个他们只需登录一次的门户网站，从那里他们只需点击任何设备(外部网站)就可以自动登录到该站点，并在登录屏幕后将其重定向到该页面。该门户采用ASP.NET MVC，外部设备是基于Windows的单元运行嵌入式web服务器。可以在刮擦上找到很多，但在事件后的重定向上找不到多少。更多信息:对于不够详细表示歉意，外部网站使用自定义身份验证，它是一个表单填充，然后与设备内的自定义密码引擎对话，使用脚本检测结果是否良好，然后从登录页面重定向索引页。输入的基本用户名和密码在所有系统上都是相同的，因此可以进行硬编码，客户不想
浏览 1提问于2010-06-05得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频活动推荐
腾讯云开发者
