import axios from 'axios';
const api = axios.create({
baseURL: 'https://jsonplaceholder.typicode.com',
timeout: 10000,
});
api.interceptors.request.use((config) => {
const token = localStorage.getItem('token');
if (token) {
config.headers.Authorization = `Bearer ${token}`;
}
return config;
});
api.interceptors.response.use(
(response) => response,
(error) => {
if (error.response?.status === 401) {
console.warn('Сессия истекла — перенаправление на login');
}
return Promise.reject(error);
},
);
const { data: posts } = await api.get('/posts', { params: { userId: 1 } });
console.log(posts.length); import axios from 'axios';
const api = axios.create({
baseURL: 'https://jsonplaceholder.typicode.com',
timeout: 10000,
});
api.interceptors.request.use((config) => {
const token = localStorage.getItem('token');
if (token) {
config.headers.Authorization = `Bearer ${token}`;
}
return config;
});
api.interceptors.response.use(
(response) => response,
(error) => {
if (error.response?.status === 401) {
console.warn('Сессия истекла — перенаправление на login');
}
return Promise.reject(error);
},
);
const { data: posts } = await api.get('/posts', { params: { userId: 1 } });
console.log(posts.length); const API_BASE = 'https://jsonplaceholder.typicode.com';
async function apiRequest(path, options = {}) {
const token = localStorage.getItem('token');
const res = await fetch(`${API_BASE}${path}`, {
method: options.method ?? 'GET',
headers: {
'Content-Type': 'application/json',
..(token ? { Authorization: `Bearer ${token}` } : {}),
..(options.headers ?? {}),
},
body: options.body ? JSON.stringify(options.body) : undefined,
signal: options.signal,
});
if (!res.ok) throw new Error(`HTTP ${res.status} for ${path}`);
return res.json();
} const API_BASE = 'https://jsonplaceholder.typicode.com';
async function apiRequest(path, options = {}) {
const token = localStorage.getItem('token');
const res = await fetch(`${API_BASE}${path}`, {
method: options.method ?? 'GET',
headers: {
'Content-Type': 'application/json',
..(token ? { Authorization: `Bearer ${token}` } : {}),
..(options.headers ?? {}),
},
body: options.body ? JSON.stringify(options.body) : undefined,
signal: options.signal,
});
if (!res.ok) throw new Error(`HTTP ${res.status} for ${path}`);
return res.json();
}