Я запустил приложение с полным стеком. Я написал модели и маршрутизаторы на бэкэнд-части. Во внешнем интерфейсе я установил 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();
}, []);
Спасибо за помощь
Если у вас есть ответ, который отличается от принятого ответа, добавьте ответ. Не добавляйте «(РЕШЕНО)» к заголовку. Stack Overflow — это не форум.
Вместо того, чтобы пытаться пинговать axios.get("/pins")
, попробуйте пинговать axios.get("/"
)`
Я полагаю, что вы получаете 404, не найденный на маршруте, поскольку ваш внешний и внутренний маршруты не совпадают.
Я разрабатываю веб-сайт карты, когда я перехожу к основному URL-адресу (localhost: xxxx), появляется карта react-map-gl, поэтому я вставил axios.get("/pins") useEffect. Кстати, вы правы, я получаю ошибку 404 не найдено
Я перезапустил Visual Studio Code, и проблема была решена.
Проверьте инструменты разработчика> вкладку сети для запроса и правильности URL-адреса.