Angular中的LocalStorage与SSR的兼容处理

在开发Angular应用程序时，常常会遇到一些与浏览器环境相关的挑战。特别是在涉及到服务器端渲染（SSR）时，localStorage的使用会带来一些问题。本文将通过一个实际的例子，详细探讨如何在Angular应用中兼容处理localStorage与SSR。

问题描述

假设我们正在开发一个用户认证服务（AuthService），目的是管理用户的登录状态。服务中使用了localStorage来存储用户的邮箱地址，以实现自动登录功能。然而，在部署SSR时，我们发现服务端运行时，localStorage被识别为undefined，导致应用无法正常工作。

// auth.service.ts
import {
    Injectable } from '