cors error

12.07.2024, 18:02

Klentovskiy

Новичок

Регистрация: 28.03.2019

Сообщений: 20

С нами: 3753368

Репутация: 51

Как исправить ошибку:

Access to XMLHttpRequest at 'http://localhost:5000/api/get' from origin 'http://localhost:3000' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

Написал API на express а так же само приложение на react, но при отправке запросов через axios непосредственно из react приложения к API получаю выше упомянутую ошибку, в express приложение установил cors, подключил, как было сказано на многих форумах и видосах, но результата не получил, получаю всю ту же ошибку, в чём может быть проблема?

P.S Так же проверял работаспособность API с помощью insomnia, сама API работает без проблем

Код сервака

JavaScript:

Код:

const
express
=
require
(
'express'
)
const
userRouter
=
require
(
'./router/userRouter.js'
)
const
cors
=
require
(
'cors'
)
const
PORT
=
5000
const
app
=
express
(
)
app
.
use
(
express
.
json
(
)
)
app
.
use
(
'/api'
,
userRouter
)
app
.
use
(
cors
(
)
)
const
start
=
(
)
=>
{
try
{
app
.
listen
(
PORT
,
(
)
=>
console
.
log
(
`server started on PORT${PORT}`
)
)
}
catch
(
e
)
{
console
.
log
(
e
)
}
}
start
(
)

Вот как я делаю запрос непосредственно в React

JavaScript:

Код:

useEffect
(
(
)
=>
{
axios
.
get
(
'/api/get'
)
.
then
(
(
res
)
=>
{
console
.
log
(
res
)
}
)
}
,
[
]
)

(Предварительно ещё создал отдельный файл под axios

Где для удобства импортнул сам axios и сделал базовый url для того что бы легче делать запросы)

JavaScript:

Код:

import
axios
from
'axios'
const
instance
=
axios
.
create
(
{
baseURL
:
'http://localhost:5000'
}
)
export
default
instance

@neverlane

𝕏 Twitter Reddit Telegram Копировать ссылку