Блог

Поэтому прямо сейчас я извлекаю токен аутентификации из хранилища 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
Как мне это исправить?