HTTP 403 禁止令牌未找到离子 4

Question

我正在尝试在调用 API 时点击添加一个赞。我已经添加了一个令牌，但仍然错误显示禁止提供令牌。而它在邮递员中工作正常。无法理解为什么它不起作用。

<ion-icon name="heart" class="icons" (click)="addLike(post._id)"></ion-icon>

home.module.ts

    addLike(postId) {
        let token = localStorage.getItem('token');
        token = token.substring(1, token.length-1);

        this.api.likePost(token, postId).then((res) => {
            console.log("Post like API call complete");
            console.log(res);
        }, (err) => {
            console.log("Error in API");
            console.log(err);
        });
    }

api.service.ts

    async likePost(token, postId) {
        console.log("post ID "+postId);
        console.log("token "+token);

        let headers = new HttpHeaders({
            'x-access-token': token,
        });
        let options = {
            headers: headers
        }
        return await (this.http.put(environment.endpoint + "/api/v1/like-post/"+postId, options)).toPromise();
    }

ERROR

Answer 1

您在 api.service.ts

中犯了一个错误

在this.http.put中，第二个参数是数据，第三个是选项。这就是它不读取 header.

的原因

async likePost(token, postId) {
    console.log("post ID "+postId);
    console.log("token "+token);

    let headers = new HttpHeaders({
        'x-access-token': token,
    });
    let options = {
        headers: headers
    }
    return await (this.http.put(environment.endpoint + "/api/v1/like-post/"+postId, options)).toPromise();
}

HTTP 403 禁止令牌未找到离子 4

HTTP 403 forbidden Token not found ionic 4

javascript

angular

ionic-framework

ionic4