Я пытаюсь создать веб-приложение, используя стек MEAN, но есть проблема с запросом get.
app.route("/api/item/", function (req, res) {
fetch("https://ddragon.leagueoflegends.com/cdn/10.1.1/data/en_US/item.json")
.then(res => res.json())
.then(data => {
res.send({ data });
// console.log(data);
})
.catch(err => {
res.send(err);
});
});
Это API, который просто выбирает URL и получает файл json. Я проверил URL-адрес с помощью URL-адреса chrome и смог увидеть json data.
const httpOptions = {
headers: new HttpHeaders({
"Access-Control-Allow-Origin": "*",
"Access-Control-Allow-Methods": "GET, POST, PATCH, DELETE, PUT, OPTIONS",
"Access-Control-Allow-Headers": "Origin, Content-Type, X-Auth-Token",
"Content-Type": "application/json"
})
};
getitem(): Observable<Item> {
return this.http.get<Item>('http://localhost:8000/api/item/', httpOptions);
}
И я вызвал API в service.ts
this.shservice.getitem().subscribe(im => {
this.item = im;
});
И подписался это в component.ts
Так как я мог вручную получить доступ к URL и увидеть данные json, я думал, что проблем не будет, но он продолжал выдавать ошибку 404 NOT FOUND. Это довольно простая реализация, поэтому еще сложнее найти, какая часть неправильна.