Почему появляется ошибка из-за CORS запроса?

Question

[Иван Гришов]

Добрый вечер. У меня есть свой сайт. В нем я создал файл db.json и хочу получить к нему доступ из другого проекта с помощью axios, но появляется ошибка:

Access to XMLHttpRequest at 'https://grishov.ru/db.json' from origin 'localhost:8080' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

Поразбиравшись, я добавил на сайт файл .htaccess и в нем Header set Access-Control-Allow-Origin "*", но все равно ошибка не пропадает, не могу понять почему.
Спасибо за любой совет.

Comments

[Lynn «Кофеман»]

.htacсess это настройки Apache.
А у вас nginx.

Инструкций по настройке nginx в интернете миллион, хотя к ним неплохо бы приложить хотя бы минимум понимания.

[Lynn «Кофеман»]

А, ну и вообще, при чём тут .htaccess на сайте, если у вас обращение к localhost?

В общем, учите матчасть.

[Иван Гришов]

Lynn «Кофеман» не к localhost обращение, а к db.json на моем сайте, я просто удалил сначала ссылку из описания проблемы.

[Иван Гришов]

Lynn «Кофеман» А почему у меня nginx подскажи пожалуйста?

Answer 1

[kot2566]

Костыль через https://cors-anywhere.herokuapp.com/https://grisho...
https://qna.habr.com/q/654661

$.ajax({
        type: "GET",
        url: 'https://cors-anywhere.herokuapp.com/https://grishov.ru/db.json',

        success: function (response) {
           console.log(response)
        }
    });

Comments

[Иван Гришов]

Спасибо. Только у меня есть доступ к серверу (сайту) и я хочу разрешить на нем доступ, чтобы можно было через axios получить, а не через ajax

[Иван Гришов]

Все пишут что можно разрешить доступ через Access-Control-Allow-Origin "*", только куда помещать эту настройку

[kot2566]

Иван Гришов, https://codepen.io/kepo4ka/pen/NWwVLVw

[Иван Гришов]

kot2566 , супер! Спасибо большое

[Иван Гришов]

kot2566, это снова я. Все ок было несколько дней, потом захожу и такая ошибка.



Так что все равно, наверное, лучше на сервере разрешать доступ.

Answer 2

[Надим]

Поразбиравшись, я добавил на сайт файл .htaccess и в нем Header set Access-Control-Allow-Origin "*", но все равно ошибка не пропадает, не могу понять почему.

Потому что у вас данный заголовок НЕ проставился. Ваш файл .htaccess не сработал, посмотрите заголовки ответа:

Я там не вижу заголовка Access-Control-Allow-Origin, в этом проблема.

Comments

[Иван Гришов]

Да, это верно. Еще бы понять, почему он не проставляется.

[Надим]

Иван Гришов, попробуйте так:

<FilesMatch "\.json$">
	Header set Cache-Control: "no-store, no-cache, must-revalidate"
	Header set Access-Control-Allow-Origin: "*"
	Header set Access-Control-Allow-Methods: "POST, GET, OPTIONS"
</FilesMatch>

[Иван Гришов]

Надим Закиров, Спасибо за совет, но все равно эта ошибка не пропадает

[Надим]

Иван Гришов, тогда тебе надо написать в техническую поддержку хостера, мол почему через файл .htaccess заголовки нужные не выставляются, типа не работает у тебя .htaccess - если что-то на веб-сервере не работает, это всегда по части хостера.

[Lynn «Кофеман»]

Я тоже не вижу заголовков «Access-Control-Allow-Origin», зато вижу заголовок «Server: nginx» который толсто намекает что пытаться настраивать Apache довольно глупо…

[Надим]

Lynn «Кофеман», точно, забавно.

[Иван Гришов]

Да я нуб, спасибо, что подсказали что это nginx

[Иван Гришов]

Изменил настройки для nginx, все по-старому, та же ошибка

[Надим]

Иван Гришов, неа, у вас заголовки все равно не проставились. Короче, не парьтесь, сделайте все через PHP.

Создайте файл db.php:

<?php

header('Access-Control-Allow-Origin: *');
header('Content-Type: application/json; charset=UTF-8');

echo file_get_contents('db.json');

Далее просто стучитесь по этому файлу.
Он будет читать и отдавать содержимое db.json но уже с нужными заголовками.