发送Token

认证风格

通过HTTP拦截器在每一个请求中加入相应的认证信息，这是再好不过。@yelon/auth 根据两种不同认证风格，实现两种各自的HTTP拦截器。

authSimpleInterceptor

透过 YelonAuthConfig 可以指定参数名以及其发送位置，例如：

token_send_key = 'token';
token_send_template = 'Bearer ${token}';
token_send_place = 'header';

表示在每一个请求的 header 加上 { token: 'Bearer token_string' } 数据。

authJWTInterceptor

它是一个标准JWT的发送规则，即在 header 自动加上 { Authorization: 'Bearer token_string' }。

如何选择？

authSimpleInterceptor 是一种自由度非常高的风格，你可以将 token 放在请求体、请求头等当中。

authJWTInterceptor 是一个 JWT 标准，这需要确保后端也采用这类标准。

如何加载

在 app.config.ts 加入：

providers: [
  // 表示使用JWT风格并用 `localStorage` 存储 Token
  provideHttpClient(withInterceptors([...(environment.interceptorFns ?? []), authSimpleInterceptor, defaultInterceptor])),
  // Or JWT
  provideHttpClient(withInterceptors([...(environment.interceptorFns ?? []), authJWTInterceptor, defaultInterceptor])),
]

示例

DEMO，账密或其他登录方式登录，并观察浏览器 localStorage 存储数据的变化。