Авторизовать API-шлюз с помощью Cognito в React - PullRequest
0 голосов
/ 31 марта 2020

Я создал Cognito Authorizer в API Gateway. Я тестировал авторизатор с консоли AWS с токенами JWT от моего вошедшего в систему пользователя. Тест пройден. Теперь я должен реализовать это в своем приложении реакции.

Я могу успешно получить ответ без авторизатора, но у меня есть несколько запросов ax ios в компоненте, и я не уверен, как передать заголовок авторизации. к каждому топору ios запрос.

getFirstAxiosRequest = () => {
return axios.get(myURLhere);
}

getSecondAxiosRequest = () => {
return axios.get(myURLhere);
}


apiCall = () => {
    axios.all([this.getFirstAxiosRequest(), this.getSecondAxiosRequest()]).then(
      axios.spread((...res) => {
        const firstReq= res[0].data;
        this.setState({ firstReq });
        const secondReq= res[1].data;
        this.setState({ secondReq });

Одним из решений, которое я прочитал, было добавление общего заголовка авторизации ax ios. Я добавил это в конструктор компонента:

const AUTH_TOKEN = Auth.currentAuthenticatedUser().then(
  user => user.signInUserSession.idToken.jwtToken);
axios.defaults.headers.common["authorization"] = AUTH_TOKEN;

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

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...