#reactjs #redux #authorization
Вопрос:
Поэтому прямо сейчас я извлекаю токен аутентификации из хранилища redux, который выглядит следующим образом
const login = useSelector((state) => state.account.isLoggedIn);
а затем я использую переменную входа в систему, чтобы установить состояние аутентификации.
И после этого я получаю исходные данные с помощью api выборки, основываясь на том, есть ли у нас токен или нет
useEffect(() => {
console.log("token from post.js",token)
const fetchposts = () => {
fetch(DISCOVER_FEED, {
mode: 'cors',
headers: {
'Accept': 'application/json',
'Content-Type': 'application/json',
'Authorization': `Bearer ${token}`,
}
})
.then((response) => {
console.log("response status from post",response)
console.log("response status from post",response.statusText)
console.log("token.....", token)
if (response.statusText == "Unauthorized") {
window.location.href = "/logout"
}
return response.json()
})
.then((res) => {
console.log(res)
setposts(res.results);
})
.catch((err) => {
console.log("err", err);
})
}
fetchposts();
document.addEventListener('click', handleclosetab, false);
return () => {
document.removeEventListener('click', handleclosetab, false);
};
}, [])
это отлично работает с chrome или другими веб-браузерами, кроме safari на ios
Как мне это исправить?