Задать вопрос
@KGZVER

Почему выходит Cors ошибка в React-admin?

Подключил к фронту админку, в dataProvider вбил ссылку на свой сервак на локалке написанный на Node Js
import React from "react"
import { Admin, Resource } from "react-admin"
import restProvider from 'ra-data-simple-rest'
import PostList from "./PostList";

const AdminPage = () => {
  return (
    <Admin dataProvider={restProvider('http://192.168.88.83:3001')} >
      <Resource name='blogs' list={PostList} />
    </Admin>
  );
}

export default AdminPage

но в консоли выходит ошибка
admin#/blogs:1 Access to fetch at '192.168.88.83:3001/blogs?filter=%7B%7D&range=%5B0%...' from origin 'localhost:3000' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.
fetch.js:39 GET 192.168.88.83:3001/blogs?filter=%7B%7D&range=%5B0%... net::ERR_FAILED


Аналогичная ошибка выходила ранее, при любых запросах на проекте. Тогда в index.js сервака вставил такой код
app.use(function (req, res, next) {
  res.setHeader('Access-Control-Allow-Origin', 'http://localhost:3000');
  res.setHeader('Access-Control-Allow-Methods', 'GET, POST, OPTIONS, PUT, PATCH, DELETE');
  res.setHeader('Access-Control-Allow-Headers', 'X-Requested-With,content-type');
  res.setHeader('Access-Control-Allow-Credentials', true);
  next();
});


И все помогло, но почему то часть с админкой продолжает выдавать ту же ошибку, хотя он внутри того же порта
  • Вопрос задан
  • 419 просмотров
Подписаться 1 Средний Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы