Angular中本地存储令牌undefined问题
有时，当在Angular应用程序中使用本地存储令牌进行身份验证时，可能会遇到未定义的本地存储令牌问题。这可能是由于未正确设置或存储令牌而导致的。以下是一种可能的
- 在应用程序的根组件中，添加以下代码：
import { Component, OnInit } from '@angular/core'; import { AuthService } from './auth.service';
@Component({ selector: 'app-root', templateUrl: './app.component.html', styleUrls: ['./app.component.css'] }) export class AppComponent implements OnInit { constructor(private authService: AuthService) {}
ngOnInit() { this.authService.setToken(); } }
- 在auth.service.ts文件中，添加以下代码：
import { Injectable } from '@angular/core';
@Injectable({ providedIn: 'root' }) export class AuthService { constructor() {}
setToken() { const token = localStorage.getItem('token'); if (token && token !== 'undefined' && token !== 'null') { localStorage.setItem('token', token); } } }
在这里，我们使用setToken（）方法来检查令牌是否未定义或空，并在本地存储中存储令牌以供后续使用。
如果问题仍然存在，您可以尝试清除浏览器中的缓存和Cookie，并重新启动Angular应用程序。
希望这个解决方法能解决您的问题！