развертывание приложений React. js и Node.js с помощью Heroku - PullRequest
Новая
       6

развертывание приложений React. js и Node.js с помощью Heroku

2 голосов
/ 05 мая 2020

Я развернул свое первое приложение на Heroku, и домен веб-сайта доступен, но когда я пытаюсь любить, я получаю следующий набор сообщений об ошибках.

вход: 1 Доступ к XMLHttpRequest по адресу 'https://unit-backend.herokuapp.com/property/login' from origin 'http://unit-website.herokuapp.com' заблокирован политикой CORS: ответ на предварительную проверку запрос не проходит проверку контроля доступа: на запрошенном ресурсе отсутствует заголовок Access-Control-Allow-Origin.

NODE

I уже добавили библиотеку CORS и попытались предоставить разрешение следующими способами: app.use(cors({ origin: "https://unit-website.herokuapp.com" }));

  res.setHeader(
    "Access-Control-Allow-Origin",
    "https://unit-website.herokuapp.com"
  );
  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();
});

Я не уверен, связана ли эта ошибка с CORS или есть ошибка в моем коде. когда я запускаю Heroku open на бэкэнд-стороне, я получаю следующую ошибку:

heroku [router]: at = error code = H10 desc = "App crashed" method = OPTIONS path = "/ property / логин "host = unit-backend.herokuapp.com request_id = 8bd46aae-91cb-4d25-ba61-5f454fac68d2 fwd =" 73.83.19.43 "dyno = connect = service = status = 503 байта = протокол = https

REACT

У меня есть переменные среды, заданные в двух файлах, один - это продукция, которая имеет 

REACT_APP_API_URL=https://unit-backend.herokuapp.com

, а другая - разработка, которая имеет 

REACT_APP_API_URL=http://localhost:6969

Если вам нужна дополнительная информация, дайте мне знать. Спасибо за ваше время.

...