Ошибка CORS в Vuejs this. $ Http.get ('url') запрос Vue versio 2.9.6

Question

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

Ошибка: Доступ к XMLHttpRequest на 'https://example.com' (перенаправлено из 'https://example.com') из источника 'http://localhost: 8080 ' заблокировано политикой CORS: Нет ' Заголовок Access-Control-Allow-Origin 'присутствует на запрашиваемом ресурсе.

Я попытался добавить файл vue .config. js с указанной ниже записью, но даже это не решает мою проблему .

Я не использую пакет Axiom, а совершаю вызов через этот метод. $ Http.get ().

//vue.config.js
module.exports = {
  devServer: {
    proxy: '<url?'
  }
}

Я не хочу, чтобы это разрешалось с помощью chrome расширение по предложению нескольких человек.

Answer 1

Проблема была с URL-адресом запроса (в моем случае - с базой данных Firebase), где мне пришлось отправить запрос в следующем формате -

https://example.com/<data>.json?key=<key>

Я передал значение для данных и ключа и смог извлекать данные без какой-либо явной конфигурации vue .config. js.

Ошибка CORS, отображаемая в консоли, в этом случае очень вводит в заблуждение. Сначала мы должны попробовать извлечь данные непосредственно из почтальона или аналогичных инструментов, а затем попытаться найти другие проблемы. В моем случае данные также не были получены от почтальона.