Headers for fetch

I'm trying to use browser's

fetch()

fetch()

fetch()

fetch() to access a custom API end point

/api/test

/api/test

/api/test

/api/test, but it doesn't include auth headers.

This works (using better fetch from authClient):

const data2 = await authClient.$fetch('../test');
testData.value = data2.data;

const data2 = await authClient.$fetch('../test');
testData.value = data2.data;

const data2 = await authClient.$fetch('../test');
testData.value = data2.data;

const data2 = await authClient.$fetch('../test');
testData.value = data2.data;

This does not (using browser's fetch):

const requestURL = 'http://localhost:3000/api/test';
const data = await fetch(requestURL).then((response) => response.json());
testData.value = data;

const requestURL = 'http://localhost:3000/api/test';
const data = await fetch(requestURL).then((response) => response.json());
testData.value = data;

const requestURL = 'http://localhost:3000/api/test';
const data = await fetch(requestURL).then((response) => response.json());
testData.value = data;

const requestURL = 'http://localhost:3000/api/test';
const data = await fetch(requestURL).then((response) => response.json());
testData.value = data;

So fetch needs something from a session. What do I need to add to headers?

It is a Vue app, using Hono for API.

Solution

Solved. Added

{ credentials: 'include' }

{ credentials: 'include' }

{ credentials: 'include' }

{ credentials: 'include' } to second parameter to fetch

Solution

cyberalien•3/8/25, 7:56 AM

Solved. Added

{ credentials: 'include' }

{ credentials: 'include' }

to second parameter to fetch