Я попытался получить информацию об API Mangaeden, и я успешно получил ответ, но когда я рендерил изображение из URL. Я получил ошибку 403. Кажется, есть проблема с запросом в API.
Это ошибка в приложении.
GET
https://cdn.mangaeden.com/mangasimg/63/63df51e43ebfb8983eb39744496b27ef6173b2237535b9c2408ea32d.jpg
403
Но когда я попытался загрузить URL-адрес в браузере и в следующий раз, когда я попробую его в своем приложении, он работает, потому что я думаю, что он будет кэшировать изображение в браузере.
Это информация об API Mangaeden
Вы можете получить всю информацию о манге, главы и mymanga с
API Mangaeden. Вся информация отправляется в формате 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 || {};
}
}