javascript - 未在 Angular 8 的 Post API 调用中发送授权持有者令牌
问题描述
编辑 2: 我更新代码时忘记返回了...facepalm
编辑:
(将邮寄电话更改为:
this._http.post<userArray>(this.apiUrl,users$, httpOptions);
现在它在控制台日志中给了我这个..任何修复?谢谢: https ://ibb.co/6PLK71j )
我正在使用邮递员作为我的休息 API。
没有为 POST 调用发送授权令牌,但相同的授权令牌和 HTTP 标头对于 DELETE 调用工作正常。
我的 API: http ://dradiobeats.x10host.com/api/areas
(邮递员收藏:https ://www.getpostman.com/collections/deb24ed6036451580238 )
授权令牌: 邮递员授权:承载令牌。
控制台日志:
用户服务.ts:
import { Injectable, Input } from "@angular/core";
import { HttpClient, HttpHeaders } from "@angular/common/http";
import { userArray } from "./users.model";
import { Observable } from "rxjs";
const httpOptions = {
headers: new HttpHeaders({
'Content-Type': 'application/json' ,
'Authorization': 'Bearer eyJ0eXAiOiJKV1QiLCJhbGciOiJSUzI1NiIsImp0aSI6ImYyOTc3OTBmODc3ODlhYzg3MGE2ZmU3YTY0YzY2YmIwOGU4M2Q0ZmQzY2IyNmNiNWU3NDEzMTFmZjExMDk4NTA5NWUzN2IxN2I5YmI2YmFjIn0.eyJhdWQiOiIyIiwianRpIjoiZjI5Nzc5MGY4Nzc4OWFjODcwYTZmZTdhNjRjNjZiYjA4ZTgzZDRmZDNjYjI2Y2I1ZTc0MTMxMWZmMTEwOTg1MDk1ZTM3YjE3YjliYjZiYWMiLCJpYXQiOjE1NzU4NzM4MzksIm5iZiI6MTU3NTg3MzgzOSwiZXhwIjoxNjA3NDk2MjM5LCJzdWIiOiIyIiwic2NvcGVzIjpbXX0.J3nMXcPpqlRVvIRkrVAMblSUwdlXFmrkn9SPD2WE1DwdiqAMdhay8zAeD550ta9qWiNxHOKMAWF8t3H9cIgItaB9ZX2CxoxzS5P1nJFzit8qxiB-gzJL3mpybrnLtrKGjxsM5i_lBvdJsnhWzi15jKWIu-RNxUYPnXCjuxnXYEiyoJg17hsYUh4910VfFWx4R3WvH7WOvczF53IDKyX5fSTt4WSJUqciuNepkO6Klc8sj_yPmDPQltUjUXSSplkOQ8sL5uHk7PmzSjIfoR8RC0A-YQqI9mbZMTyJ0IyKoAHvRHF8q1cW5qfUmLXTgxcCTmFPqXqIlcAoOoJMCxke5fl0PuK0rgU7dxouATk_3B6cio7-7Zgps0iopDpk2nm-o40mjSiOUGb2kyKckYN09orYuan5wEd1KJ873ejKEgBWOhJu4gQFps8M9VoDXncAqMxeBqbUY1UZENx_n6uduQ_SAY4rgIUFCixfNc5Y_-HLDa108u4-z3APGbdxrhEdZXyHz9xQTaLrWcU_iCJ5g_ObT5VGZHtawZbfOYm2ZZpjPiCZpXunhrsbAcHBX64akWcehmT2gUJqPsxvaObKN3nayML1NHtdZGgAHUE89clhIH610Fod0C_jMTqpU7IkY9aSU781HsQVlHNw3qGbTinWfYPDBG0Lkp9NnmRe9BU' ,
'Accept' : 'application/json'
})
};
@Injectable({
providedIn: "root"
})
export class UsersService {
users$: userArray[];
apiUrl = "http://dradiobeats.x10host.com/api/areas";
delUrl = "http://dradiobeats.x10host.com/api/areas";
constructor(private _http: HttpClient) {}
getUsers() {
return this._http.get<userArray[]>(this.apiUrl);
}
deleteUser(id: userArray): Observable<userArray> {
const url = `${this.apiUrl}/${id}`;
console.log();
return this._http.delete<userArray>(url, httpOptions);
}
onSubmit(users$: userArray[]): Observable<userArray> {
console.log(users$);
return this._http.post<userArray>(this.apiUrl, httpOptions);
}
}
添加 Post.ts:
import { Component, OnInit } from "@angular/core";
import { UsersService } from "src/app/users.service";
@Component({
selector: "app-add-posts",
templateUrl: "./add-posts.component.html",
styleUrls: ["./add-posts.component.css"]
})
export class AddPostsComponent implements OnInit {
name: string;
description: string;
domain: string;
picture: string;
id: number = 29;
constructor(private userService: UsersService) {}
ngOnInit() {}
onSubmit() {
const users$ = {
name: this.name,
description: this.description,
domain: this.domain,
picture: this.picture
};
this.userService.onSubmit(users$).subscribe();
}
}
有人可以帮我弄这个吗?谢谢。C:
解决方案
采用this._http.post<userArray>(this.apiUrl, data , httpOptions);
第二个参数是你需要传递的数据
推荐阅读
- c++ - 基本 C++ / 阈值化和过滤图像
- github - GitHub页面自定义域我按要求做了:(
- python - 如何在为现有 df 创建新列时摆脱 settingWithCopyWarning
- macos - 在 Automator 中使用“运行 Shell 脚本”时无法定义变量
- java - 如何在java中单独忽略JSON字段
- sql - SQL 与 groupby 函数的混淆
- excel - 使用 excel 2010 VBA,子程序没有在行后运行:Sheets("Sheet1").Range("A4:AL60").Clear。这可以解决吗?
- excel - 允许用户选择“打印 PDF”的保存文件路径
- sql - 逗号分隔的行值列表
- azure - Azure 容器作业服务连接