Проблема с fetch, что нужно сделать?

Question

[Максим]

Создал (для тренировки) на халявном хостинге типа сайт
Закачал туда некий json: https://facejsonserver.000webhostapp.com/data.json
И делаю запрос:

fetch('https://facejsonserver.000webhostapp.com/data.json ')
  .then((response) => {
    return response.json();
  })
  .then((data) => {
    console.log(data);
  });

Получаю ошибку : Access to fetch at 'https://facejsonserver.000webhostapp.com/data.json' from origin '127.0.0.1:5500' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.

Что надо сделать у меня на хосте или где то ещё что бы всё таки можно было распарсить json ?

Answer 1

[Александр]

Файл сможете забрать только «внутри» хостинга. Если есть возможность выполнения PHP, то можно при помощи него CORS настроить и отдавать содержимое файла.
Как-то так:

<?php
	$filename = "data.json";

	header("Access-Control-Allow-Origin: *");
	header("Content-Type: application/json");

	if (file_exists($filename)) {
		print(file_get_contents($filename));
	} else {
		print(json_encode([]));
	}
?>

Comments

[Максим]

та же самая ошибка

[Александр]

Максим Ленский, так Вы уберите data.json с ссылки запроса. Попробуйте код, который привел в ответе.

[Максим]

Александр, я пробовал - ругалось на print

[lpite]

Максим Ленский, вы обращаетесь все равно на json а не на php

[Максим]

lpite, а что надо сделать ?

[lpite]

Максим Ленский, если вы написали php файл который отдаёт json значит в ссылке напишете index.php вместо data.json

[Александр]

Максим Ленский, Исправил, скобку проморгал.

[Александр]

lpite, не обязательно, index и так выполнится.

[lpite]

Александр, не шарю сильно за php буду знать

[Максим]

Александр, опять тоже самое ...

[Александр]

Максим Ленский, Точно?

[Максим]

Александр, у меня этого нету - у меня вся консоль красная - в общем сделал на сервере этот самый php и написал то что в ответе, и ошибки те же самые

[Александр]

Максим Ленский, Хорошо, вот подсказка

- fetch('https://facejsonserver.000webhostapp.com/data.json')
+ fetch('https://facejsonserver.000webhostapp.com/')

1. Если делать запрос на data.json, то также получаю CORS
2. Кэш почистите

[Максим]

Александр, жесть ... ты Бог

Answer 2

[lpite]

Там же написано что cors не пускает нужно настроить через какой то язык сервер который будет отдавать json

Comments

[Максим]

да я умею читать, я спросил что надо сделать ? куда писать ?

[lpite]

Максим Ленский, как я понимаю это php хостинг просто создайте php файл который будет отдавать json
И добавьте это
header("Access-Control-Allow-Origin: *");

[Максим]

lpite, сделал - index.php и написал и ошибки те же - выше в комментарии выложил скрины