Данные JavaScript Axios GET = ноль

Я наверное что-то не так делаю, но не могу найти причину.

Я пытаюсь выполнить GET, используя axios, и если я сделаю это от почтальона, ответ будет правильным, но от axios он вернет данные в ноль.

Почтальон:

{
    "direccion": "Castelldefels, Spain",
    "lat": "41.279999",
    "lng": "1.970000"
}

Код JS:

var boton = document.getElementById('location');
boton.addEventListener('click', function() {
    loading.style.display = 'block';
    axios.get('https://restserver-test-jsg.herokuapp.com/location?location=Castelldefels', {
            responseType: 'json',
        })
        .then(function(res) {
            if (res.status == 200) {

                console.info(res);

                mensaje.innerHTML = res.data;
            }
            console.info(res);
        })
        .catch(function(err) {
            console.info(err);
        })
        .then(function() {
            loading.style.display = 'none';
        });
});

Ответ, который я вижу в консоли Chrome: хром

Если я выполняю эту операцию из браузера, он возвращает то, что ожидалось. https://restserver-test-jsg.herokuapp.com/location?location=Кастельдефельс

Спасибо!

Пожалуйста, задайте вопрос на английском языке

DjSh 27.06.2019 17:23

Спасибо за комментарий

Nimrock 27.06.2019 17:26
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
2
3 348
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Это просто синтаксическая ошибка с axios? Вероятно, после ключа responseType в объекте конфигурации не должно быть запятой.

Редактировать:

Ах я вижу. Это похоже на ошибку CORS с heroku. Проверьте этот вопрос для ответа: Разрешить запрос CORS REST к приложению Express/Node.js на Heroku

Другие вопросы по теме