Set authrorization header in both client and server side component
Unanswered
Miniature Bull Terrier posted this in #help-forum
Miniature Bull TerrierOP
Hi, I'm new to next. i used both client and server side components. and called api in both components. after login i have set the token in cookies. when i use it server component it works fine. but i unable to get it from client component. the same way when i set it from server and it's not acccessbile from server component.
I need some solution to set authorization header in both client and server components. please help me
I need some solution to set authorization header in both client and server components. please help me
3 Replies
please share you code
Miniature Bull TerrierOP
import axios from 'axios';
import { getCookie } from 'cookies-next';
import { cookies } from 'next/headers';
const Axios = axios.create({
baseURL: process.env.NEXT_PUBLIC_REST_API_ENDPOINT,
timeout: 150000000,
headers: {
'Content-Type': 'application/json',
},
});
Axios.interceptors.request.use(async (request) => {
const token = await getCookie('access_token', { cookies });
if (token) {
request.headers.Authorization =
}
return request;
});
import { getCookie } from 'cookies-next';
import { cookies } from 'next/headers';
const Axios = axios.create({
baseURL: process.env.NEXT_PUBLIC_REST_API_ENDPOINT,
timeout: 150000000,
headers: {
'Content-Type': 'application/json',
},
});
Axios.interceptors.request.use(async (request) => {
const token = await getCookie('access_token', { cookies });
if (token) {
request.headers.Authorization =
Bearer ${token};}
return request;
});
when i use this. import { cookies } from 'next/headers'; shows error in client components