Реагируйте на запрос изображения URI с помощью cookie

Question

Я использую систему аутентификации на основе сеанса для моего приложения, однако мои вызовы API работают отлично, но при запросе изображения с помощью этого:

<Image source={{uri: 'https://facebook.github.io/react/logo-og.png'}}
       style={{width: 400, height: 400}} />

Запрос не аутентифицирован

Однако для получения изображения требуется аутентификация. Как бы вы пошли об этом? Там, кажется, нет какой-либо документации по этому вопросу

Answer 1

Вы можете передавать заголовки с источником изображения:

<Image source={{
    uri: 'https://facebook.github.io/react/logo-og.png', 
    headers: {
        Cookie: 'cookie data here',
    }
}}>

Получите ваш cookie из своего ответа API:

fetch('apicall').then(res => {
    cookieData = res.headers.map["set-cookie"];
})