Я создал 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. Я очень новичок в этом и не понимаю, что я могу сделать здесь. Любая помощь приветствуется.