Фронт и бэк на локалхосте. Как обмениваться данными?

Question

[uRoot]

Фронт: Vue + Axios
Бэк: Node + Mongo + Express

Бэк доступен по URL: localhost:5000
Фронт работает на localhost:8080

Бэк ждёт запроса по URL: localhost:5000/api/post/get-all
Делаю запрос с фронта:

скрин запроса

Но в Preview я вижу ошибку:

скрин ошибки

Что я нелаю не так? Как избавиться от ошибки?

Answer 1

[Алекс Глебов]

Добавьте заголовки для cors

res.setHeader("Access-Control-Allow-Origin", "*")
	res.setHeader("Access-Control-Allow-Credentials", "true");
	res.setHeader("Access-Control-Allow-Headers", "*");
	res.setHeader("Access-Control-Expose-Headers", "*");
	res.setHeader("Access-Control-Request-Headers", "*");
	res.setHeader( "Access-Control-Allow-Methods", "PUT, POST, GET, DELETE, PATCH, OPTIONS" );

https://developer.mozilla.org/ru/docs/Web/HTTP/CORS

Comments

[uRoot]

Если кому-то интересно будет как я решил эту проблему:
Устанавливаем эту библиотеку:
https://www.npmjs.com/package/cors

Инитим в index.ts/index.js (корень проекта где у вас старт и конфиги сервера):
app.use(cors())

Done!

Answer 2

[rPman]

Отладка и логирование на бакэнде
Еще смотри что за заголовки у тебя уходят (ты из видишь в инспекторе), может ошибся и не ожидаемые отправляешь?