Запрос не сбои с ошибкой 401 на Android с помощью AxiosAndroid

Форум для тех, кто программирует под Android
Ответить
Anonymous
 Запрос не сбои с ошибкой 401 на Android с помощью Axios

Сообщение Anonymous »

Я создаю свое первое приложение React Native/Expo и внедрил пользовательскую реализацию JWT на моем PHP -сервере. JWTS работает, как и ожидалось на iOS, но они терпят неудачу на Android.
Это мой код до сих пор: < /p>

Код: Выделить всё

import axios from 'axios';
import * as SecureStore from 'expo-secure-store';

const API_BASE_URL = 'https://serverdomain.url/backend';

// Add a request interceptor to log the actual URL being requested
axios.interceptors.request.use(request => {
console.log(`Intercepted Request: ${request.method.toUpperCase()} ${request.url}`);
if (request.data) {
console.log(`Payload: ${JSON.stringify(request.data)}`);
}
return request;
}, error => {
console.error('Request error:', error);
return Promise.reject(error);
});

// Function to store and retrieve tokens securely
export async function setAccessToken(token) {
await SecureStore.setItemAsync('access_token', token);
}

export async function getAccessToken() {
return await SecureStore.getItemAsync('access_token');
}

export async function clearAccessToken() {
await SecureStore.deleteItemAsync('access_token');
}

// API request wrapper with automatic token handling
export async function apiRequest(endpoint, method = 'GET', data = null) {
const token = await getAccessToken();
const url = `${API_BASE_URL}/${endpoint}`;

try {
const response = await axios({
url,
method,
data,
headers: token ? { Authorization: `Bearer ${token}` } : {},
withCredentials: true, // Ensures HTTP-only cookies are included
});
return response.data;
} catch (error) {
console.error(`Error requesting: ${method} ${url}`, error);
if (error.response && error.response.status === 401) {
// Attempt to refresh the token
const newToken = await refreshAccessToken();
if (newToken) {
return apiRequest(endpoint, method, data);
}
}
throw error;
}
}

// Refresh the access token
export async function refreshAccessToken() {
try {
const response = await axios.post(`${API_BASE_URL}/refresh.php`, {}, { withCredentials: true });
const newToken = response.data.access_token;
await setAccessToken(newToken);
return newToken;
} catch (error) {
await clearAccessToken();
return null;
}
}

// Fetch logged-in user's data
export async function fetchUserData() {
console.log(`${API_BASE_URL}/api/user.php`);

const token = await getAccessToken();
console.log("Retrieved token:", token);

try {
const data = await apiRequest('api/user.php?id=1', 'POST', null);
console.log("User data response:", data);
return data;
} catch (error) {
console.error("Error fetching user data:", error.response ? error.response.data : error.message);
return null;
}
}

Когда я пробую функцию fetchuserData () , кажется, что токен не хранится на Android, поэтому приложение пытается обновить его, что сбой, побуждая приложение обновить Токен снова, а затем он входит в петлю, пытаясь обновить токены. Большое спасибо. Я также попытался использовать асинхноризм, но это не исправил.

Подробнее здесь: https://stackoverflow.com/questions/794 ... sing-axios
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «Android»