blocks|key|2708779|text|我从您的问题中了解到的是，您最初想导航到登录页面，一旦用户已经登录了它，您就想要进入他曾经没有登录到登录页面的路径，如果您想在浏览器中保存任何数据，以便在本地存储中存储一些令牌，那么就应该使用本地存储。像这样|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2708780|localStorage.setItem('userId',+'USERID');|code-block|syntax|javascript|2708781|现在，在您的appComponent上init上检查本地存储是否不存在，然后只直接登录。|2708782|++ngOnInit()+{
if+(!localStorage.getItem('userId'))+{
++this.router.navigate(['/login']);+//+i+think+initially+you+are+redirecting+to+login+so+put+condition+there+in+app+component
}
}|2708783|注意:请注意，一旦关闭浏览器，这甚至会保持不变。|2708784|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|S|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

What i understood from your question is you want to navigate to login page initially, once user is already logged it you want to go to the route which ever he has entered.If not looged in go to login page
You should use localstorage, if you want to preserve any data in browser for new tab or new window
Once you login store some token in local storage. like this

<pre><code>localStorage.setItem('userId', 'USERID');
</code></pre>

Now in your appComponent on init check if local storage doesnot exist then only direct to login.

<pre><code> ngOnInit() {
if (!localStorage.getItem('userId')) {
 this.router.navigate(['/login']); // i think initially you are redirecting to login so put condition there in app component
}
}
</code></pre>

Note: Be careful this will even preserve once you close the browser

blocks|key|95902|text|我认为需要在下面进行修改。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|95903|+constructor(private+_firebaseAuth:+AngularFireAuth,+private+router:+Router)+{
++++this.user+=+_firebaseAuth.authState;
++++this.user.subscribe(
++++++(user)+=>+{
++++++++if+(user)+{
++++++++++this.userDetails+=+user;++++++++++++++
//+Set+the+UserId
+++++++++++localStorage.setItem('userId',+user.uid);
++++++++}+else+{
++++++++++this.userDetails+=+null;
++++++++}
++++++}
++++);
++}


++isLoggedIn()+{

++++if+(this.userDetails+==+null)+{
//+Check+the+UserId
++++++if+(localStorage.getItem('userId'))+{
++++++++++++++return+true;
++++++}
++++++return+false;

++++}+else+{
++++++return+true;
++++}
++}|code-block|syntax|javascript|95904|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

I think below changes are required. 

<pre><code> constructor(private _firebaseAuth: AngularFireAuth, private router: Router) {
 this.user = _firebaseAuth.authState;
 this.user.subscribe(
 (user) =&gt; {
 if (user) {
 this.userDetails = user; 
// Set the UserId
 localStorage.setItem('userId', user.uid);
 } else {
 this.userDetails = null;
 }
 }
 );
 }


 isLoggedIn() {

 if (this.userDetails == null) {
// Check the UserId
 if (localStorage.getItem('userId')) {
 return true;
 }
 return false;

 } else {
 return true;
 }
 }
</code></pre>

blocks|key|95929|text|您可以在登录页ngOnInit()方法中重定向到仪表板或主页。像这样|type|unstyled|depth|inlineStyleRanges|entityRanges|data|95930|constructor(+private+router:+Router)+{+}
ngOnInit():+void+{if(check_user_login_status){this.router.navigate(['/dashboard']);}}|code-block|syntax|javascript|95931|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

You can redirect to dashboard or home page in login page ngOnInit() method. Like this
<pre><code>constructor( private router: Router) { }
ngOnInit(): void {if(check_user_login_status){this.router.navigate(['/dashboard']);}}
</code></pre>

Firebase authenticaion is integrated in an angular app. Even after logged in to the app, hitting a url or route directly at a new tab or the same tab of browser, chrome, e.g. <a href="http://localhost:4200/landing" rel="nofollow noreferrer">http://localhost:4200/landing</a>
takes again to the login page.

Is there a way around not to skip login page if it is already log in. 

<h1>Steps to reproduce</h1>

<ol>
<li>ng serve in the angular CLI project takes me to <a href="http://localhost:4200/login" rel="nofollow noreferrer">http://localhost:4200/login</a></li>
<li>After login it takes to <a href="http://localhost:4200/landing" rel="nofollow noreferrer">http://localhost:4200/landing</a></li>
<li>Open a new tab or in the existing tab type, <a href="http://localhost:4200/landing" rel="nofollow noreferrer">http://localhost:4200/landing</a> hit enter</li>
</ol>

Expected: It stays at <a href="http://localhost:4200/landing" rel="nofollow noreferrer">http://localhost:4200/landing</a>

Actual: It goes back to <a href="http://localhost:4200/login" rel="nofollow noreferrer">http://localhost:4200/login</a>

Hitting url directly takes again to login page even after login Angular

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

社区新版编辑器体验调研

火基地认证是集成在一个角应用程序。即使登录到应用程序，点击一个url或路由直接在一个新的选项卡或浏览器的同一选项卡，铬，例如再次进入登录页面。如果登录页面已经登录，是否有方法不跳过登录页？复制步骤ng在角CLI项目中服务，带我到登录后需要登录到打开一个新选项卡或在现有的选项卡类型中，点击enterExpected：它停...

问即使在登录角之后，直接点击url仍然需要再次登录页面。
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问即使在登录角之后，直接点击url仍然需要再次登录页面。EN