XMLHttpRequest не может загрузить. Выгруженные ресурсы проявляют осторожность: отображаются предварительные заголовки

На самом деле я не знаю правильного названия для этого вопроса, потому что я нашел много аналогий, но все еще не мог понять решение.

Моя проблема в том, что (в Chrome) веб-сайт, на котором я работал, остается показом консольного журнала: XMLHttpRequest не может загрузить http://resource.domain.com/file.css. В запрошенном ресурсе нет заголовка "Access-Control-Allow-Origin". Происхождение http://www.my-site-url.tld ', следовательно, не допускается.

error message on console log

Я попытался разрешить эти ресурсы через файлы .htaccess с помощью этого кода.

<FilesMatch "\.(jpg|jpeg|png|gif|js|css)$">
<IfModule mod_headers.c>
    Header set Access-Control-Allow-Origin http://wp.com,http://ajax.googleapis.com,http://fonts.googleapis.com,http://zor.fyre.co
    Header set Access-Control-Allow-Credentials true
</IfModule>
</FilesMatch>

Не работает. Я также пробовал версию php и jsonp.

Кто-нибудь, пожалуйста, помогите мне исправить эту проблему.

Дополнительная информация: В последнее время в разделе "Проверка элементов > Сети > Заголовки" я нашел это сообщение: CAUTION: Provision headers are shown

Ответ 1

Ваша проблема, скорее всего, связана с тем фактом, что вы пытаетесь загрузить контент из внешнего домена, который запрещен в обычном json-вызове, следовательно, ошибка No 'Access-Control-Allow-Origin'. Техника, которая вам может понадобиться, известна как JsonP. Я бы связал документацию; однако, это действительно зависит от используемой структуры javascript. Я рекомендую пересмотреть этот пост для прохода по тому, как вызвать это поведение через обычный JS. https://stackapps.com/info/891/how-to-call-the-api-via-jsonp-in-plain-old-javascript

Надеюсь, это поможет!