Блог

У меня возникла очень странная проблема при попытке получить изображения из моего API (экспресс с паспортом с использованием стратегии JWT). Компонент, в который я пытаюсь загрузить изображение, заключается в следующем:

 function ImagePreview(props) {
    const imageId = props.imageId;
    const [token, setToken] = useState(null);

    useEffect(() => {
        SecureStore.getItemAsync('accessToken').then(jwt => {
            setToken(JSON.parse(jwt));
        });
    },[]);

    return(
        <View>
            { !token ? <Text>Loading...</Text> : (
                <Image
                    style={styles.imagePreview}
                    source={{
                        uri: config.apiURI   "/media/"   imageId,
                        headers: { authorization: token }}
                    }
                />
            )}
        </View>
    )
}
 

Но когда я запускаю приложение, я получаю ошибку 401 в своем API, указывающую, что я не уполномочен использовать ресурс. Вы могли бы подумать, что это может быть связано с тем, что мой токен установлен неправильно, но у меня та же проблема, даже если я жестко ввожу допустимый токен в заголовок аутентификации.
Еще одна странная вещь заключается в том, что я действительно иногда заставляю его работать, но он (по-видимому) случайным образом перестает работать. Когда я делаю запрос на получение с помощью почтальона, у меня никогда не возникает этой проблемы.