Я могу получить ответ с почтальоном, но не могу получить с помощью axios

Я запустил приложение с полным стеком. Я написал модели и маршрутизаторы на бэкэнд-части. Во внешнем интерфейсе я установил axios и добавил «прокси»: «http://localhost:xxxx/api» в файл package.json. Когда я отправляю запрос на получение с почтальоном, он отвечает мне данными. Но когда я захожу на http://localhost:xxxx, на консоли Chrome появляется сообщение "AxiosError {сообщение: "Запрос не выполнен с кодом состояния 404", имя: "AxiosError", код: "ERR_BAD_REQUEST"".

Последняя строка моего файла package.json;

}, "proxy": "http://localhost:8800/api"
}

Это мой маршрутизатор;

router.get("/", async (req,res) => {
    try {
        const pins = await Pin.find();
        res.status(200).json(pins);
    } catch (err) {
        res.status(500).json(err)
    }
});

и это мой внешний код app.js useEffect:

useEffect( () => {
    const getPins = async () => {
      try {
        const res = await axios.get("/pins");
        setPins(res.data);
      } catch (err) {
        console.log(err);
      }
    };
    getPins();
  }, []);

Спасибо за помощь

Проверьте инструменты разработчика> вкладку сети для запроса и правильности URL-адреса.

Code Spirit 17.05.2022 18:23

Если у вас есть ответ, который отличается от принятого ответа, добавьте ответ. Не добавляйте «(РЕШЕНО)» к заголовку. Stack Overflow — это не форум.

Heretic Monkey 17.05.2022 21:20
Формы c голосовым вводом в React с помощью Speechly
Формы c голосовым вводом в React с помощью Speechly
Пытались ли вы когда-нибудь заполнить веб-форму в области электронной коммерции, которая требует много кликов и выбора? Вас попросят заполнить дату,...
В чем разница между Promise и Observable?
В чем разница между Promise и Observable?
Разберитесь в этом вопросе, и вы значительно повысите уровень своей компетенции.
Сравнение структур данных: Массивы и объекты в Javascript
Сравнение структур данных: Массивы и объекты в Javascript
Итак, вы изучили основы JavaScript и хотите перейти к изучению структур данных. Мотивация для изучения/понимания Структур данных может быть разной,...
Создание собственной системы электронной коммерции на базе Keystone.js - настройка среды и базовые модели
Создание собственной системы электронной коммерции на базе Keystone.js - настройка среды и базовые модели
Прошлая статья была первой из цикла статей о создании системы электронной коммерции с использованием Keystone.js, и она была посвящена главным образом...
Приложение для отслеживания бюджета на React js для начинающих
Приложение для отслеживания бюджета на React js для начинающих
Обучение на практике - это проверенная тема для достижения успеха в любой области. Если вы знаете контекст фразы "Практика делает человека...
Стоит ли использовать React в 2022 году?
Стоит ли использовать React в 2022 году?
В 2022 году мы все слышим о трендах фронтенда (React, Vue), но мы не знаем, почему мы должны использовать эти фреймворки, когда их использовать, а...
1
2
35
2
Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

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

Вместо того, чтобы пытаться пинговать axios.get("/pins"), попробуйте пинговать axios.get("/")`

Я полагаю, что вы получаете 404, не найденный на маршруте, поскольку ваш внешний и внутренний маршруты не совпадают.

Я разрабатываю веб-сайт карты, когда я перехожу к основному URL-адресу (localhost: xxxx), появляется карта react-map-gl, поэтому я вставил axios.get("/pins") useEffect. Кстати, вы правы, я получаю ошибку 404 не найдено

mkaane 17.05.2022 20:55

Я перезапустил Visual Studio Code, и проблема была решена.

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