53 lines
1.6 KiB
TypeScript
53 lines
1.6 KiB
TypeScript
/**
|
|
* Simple client-side fetch function for making API calls with Authorization header.
|
|
*/
|
|
export async function clientFetch(url: string, options: RequestInit = {}): Promise<any> {
|
|
try {
|
|
const authToken = document.cookie
|
|
.split('; ')
|
|
.find(row => row.startsWith('Authorization='))
|
|
?.split('=')[1] || localStorage.getItem('Authorization');
|
|
|
|
const headers = {
|
|
'Content-Type': 'application/json',
|
|
...(authToken ? { Authorization: `Bearer ${authToken}` } : {}),
|
|
...options.headers,
|
|
};
|
|
|
|
// Ensure the url doesn't start with a slash if it's going to be appended to a URL that ends with one
|
|
const cleanUrl = url.startsWith('/') ? url.substring(1) : url;
|
|
|
|
// IMPORTANT: Always use /api as the base URL for client-side requests
|
|
// This ensures all requests go through Next.js API rewrite rules
|
|
const baseUrl = '/api';
|
|
|
|
// Ensure there's only one slash between the base URL and endpoint
|
|
const fullUrl = baseUrl.endsWith('/')
|
|
? `${baseUrl}${cleanUrl}`
|
|
: `${baseUrl}/${cleanUrl}`;
|
|
|
|
console.log(`[clientFetch] Requesting: ${fullUrl}`);
|
|
|
|
const res = await fetch(fullUrl, {
|
|
...options,
|
|
headers,
|
|
});
|
|
|
|
if (!res.ok) throw new Error(`Request failed: ${res.statusText}`);
|
|
|
|
return res.json();
|
|
} catch (error) {
|
|
console.error(`Client fetch error at ${url}:`, error);
|
|
throw error;
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Get a cookie value by name
|
|
*/
|
|
export function getCookie(name: string): string | undefined {
|
|
return document.cookie
|
|
.split('; ')
|
|
.find(row => row.startsWith(`${name}=`))
|
|
?.split('=')[1];
|
|
} |