无法在Mangaeden API Angular 6中获取图像网址

Question

我试图获取Mangaeden API的信息，但我已成功获得响应，但是当我从url渲染图像时。我收到错误403.似乎在API中请求有问题。

这是应用程序中的错误。

获取https://cdn.mangaeden.com/mangasimg/63/63df51e43ebfb8983eb39744496b27ef6173b2237535b9c2408ea32d.jpg 403

但是当我尝试在浏览器中加载url时，下次我在我的应用程序上尝试它时，它的工作原理是因为我认为它会将图像缓存在浏览器中。

这是Mangaeden API信息

您可以使用mangaeden的API获取所有漫画信息，章节和mymanga。所有信息都以JSON格式发送。您可以使用HTTP或HTTPS（建议您是否需要使用mymanga的API）。重要提示：我们要求每个API用户在其应用程序/站点中都有指向我们站点的链接。新：我们现在也支持CORS

对这个。我在哪里可以添加他们的链接

我们要求每个API用户在其应用程序/站点中都有指向我们站点的链接。

HTML

<img src="{{url}}">

组件代码

@Component({
  selector: 'app-list',
  templateUrl: './list.component.html',
})
export class ListComponent implements OnInit {
  url: String;

  constructor(private mangaedenService: MangaedenService) {}

  isRedered(id) {
    this.url = null;

    this.mangaedenService.getInfo(id)
      .subscribe(data => {
        this.url = 'https://cdn.mangaeden.com/mangasimg/' + data.image;
      });
  }
}

服务代码

import { Injectable } from '@angular/core';
import 'rxjs/add/operator/map';
import { HttpClient } from '@angular/common/http';

@Injectable({
  providedIn: 'root'
}) 
export class MangaedenService {

  constructor(private http: HttpClient) {}

  getInfo(id) {
    return this.http.get('https://www.mangaeden.com/api/manga/' + id)
      .map(this.extract);
  }

  private extract(res: Response | any) {
    return res || {};
  }
}

Answer 1

实际上，我的代码没有问题。我在html中渲染图像时遇到错误，得到了403响应。我在我的HTML代码中添加了这个并且它有效。

<meta name="referrer" content="no-referrer"/>

你也可以看一下

Remove http referer