Блог

Моя целевая страница работает, но когда вы переходите на домашнюю страницу, мое приложение отправляет запрос GET в API (https://ridb.recreation.gov/docs #/ для получения дополнительной информации). Затем страницы останавливаются. Журналы heroku показывают, что API отклонил мой запрос с 401 несанкционированным доступом. У меня есть env. переменные, настроенные в heroku, и приложение работало нормально локально.

вот некоторые ответы от api:

 2020-11-14T00:13:10.041374 00:00 app[web.1]:   response: {
2020-11-14T00:13:10.041375 00:00 app[web.1]:     status: 401,
2020-11-14T00:13:10.041375 00:00 app[web.1]:     statusText: 'Unauthorized',
2020-11-14T00:13:10.041376 00:00 app[web.1]:     headers: {
2020-11-14T00:13:10.041376 00:00 app[web.1]:       'content-type': 'application/json',
2020-11-14T00:13:10.041376 00:00 app[web.1]:       'content-length': '33',
2020-11-14T00:13:10.041377 00:00 app[web.1]:       connection: 'close',
2020-11-14T00:13:10.041377 00:00 app[web.1]:       server: 'Server',
2020-11-14T00:13:10.041378 00:00 app[web.1]:       date: 'Sat, 14 Nov 2020 00:13:10 GMT',
2020-11-14T00:13:10.041378 00:00 app[web.1]:       'x-amz-apigw-id': 'V-IbcGM5oAMF7jw=',
2020-11-14T00:13:10.041378 00:00 app[web.1]:       'strict-transport-security': 'max-age=31536000; includeSubdomains; always',
2020-11-14T00:13:10.041379 00:00 app[web.1]:       'cache-control': 'max_age=600,public,stale-if-error=3600',
2020-11-14T00:13:10.041384 00:00 app[web.1]:       'x-content-type-options': 'nosniff',
2020-11-14T00:13:10.041385 00:00 app[web.1]:       'x-frame-options': 'SAMEORIGIN',
2020-11-14T00:13:10.041385 00:00 app[web.1]:       'x-xss-protection': '1; mode=block',
  

и вот мой код axios:

Я попытался добавить некоторые параметры ‘access-control-allow-origin’, но это не сработало.

Спасибо всем, кто посмотрел на мой вопрос. После просмотра журналов я обнаружил, что Heroku добавил еще один набор кавычек (‘ ‘) в мою переменную .env, которая вызвала ошибку.