Разрешить cors на localhost

Question

Я знаю, что на это уже получен ответ, но я не понимаю, как исправить мою проблему. Я занимаюсь разработкой веб-сайта stati c с использованием webpack 4, и у меня возникают проблемы при загрузке изображений (локально и с моего онлайн-сервера).

Как исправить ошибку Access to XMLHttpRequest at 'XXX' from origin 'http://localhost:8080' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource, когда используя веб-пакет? Я не использую express (все еще изучаю веб-пакет), и все ответы, которые я нахожу, довольно сложны для меня и используют пользовательские серверы, которые я не использую.

Есть ли простой способ Обойти это?

Кстати, я использую <img src="XXX" alt="" crossorigin="anonymous"> с моими изображениями. Иногда это работает, иногда нет ... статьи, которые я нашел, слишком технические для меня на данный момент ..

Я попытался добавить следующее в мой файл webpack.config.dev.js, но это тоже не работает:

devServer: {
    headers: {
      'Access-Control-Allow-Origin': '*',
      'Access-Control-Allow-Methods': 'GET, POST, PUT, DELETE, PATCH, OPTIONS',
      'Access-Control-Allow-Headers': 'X-Requested-With, content-type, Authorization',
    },
(...)
}

Answer 1

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

Если вы используете Chrome, вы можете обойти CORS, используя расширение типа this или используя аргумент Chrome --disable-web-security, объясненный как здесь

Answer 2

Вы можете попробовать использовать JSONP , но это своего рода хак и не разрешено для каждого API