ng-alain.com 请求api时,怎么带上token
时间: 2024-03-28 08:40:23 浏览: 136
在 `ng-alain` 中,我们使用 `HttpHeaders` 类来设置 HTTP 请求头信息,从而在请求时带上 Token。
以下是在请求 API 时带上 Token 的步骤:
1. 在你的组件或服务中引入 `HttpClient` 和 `HttpHeaders`:
```typescript
import { HttpClient, HttpHeaders } from '@angular/common/http';
```
2. 在请求 API 时,创建一个包含 Token 的 HTTP 请求头:
```typescript
const token = this.tokenService.get()?.token;
const headers = new HttpHeaders().set('Authorization', `Bearer ${token}`);
```
在上面的代码中,我们从 `TokenService` 中获取 Token,并将其添加到 HTTP 请求头中。
3. 在 `HttpClient` 的 `get()` 或 `post()` 方法中,将 HTTP 请求头作为第三个参数传递:
```typescript
this.http.get('https://api.example.com/data', { headers }).subscribe(data => {
console.log(data);
});
```
在上面的代码中,我们将包含 Token 的 HTTP 请求头作为第三个参数传递给 `http.get()` 方法。这样,当请求 API 时,就会带上 Token。
注意:以上代码示例中的 `TokenService` 和 `HttpClient` 是 `ng-alain` 自带的服务,你可以直接使用,但是需要在组件或服务中注入它们。另外,你需要根据实际情况修改 API 的 URL 和 HTTP 请求头的名称和格式。
阅读全文