How to fetch API data from Axios inside the getServerSideProps function in NextJS? How to fetch API data from Axios inside the getServerSideProps function in NextJS? reactjs reactjs

How to fetch API data from Axios inside the getServerSideProps function in NextJS?


reactjs api axios next.js

Do not use Axios. Just use fetch().

Next.js polyfills fetch() by default on both the client and server, so you can just use it:

In addition to fetch() on the client-side, Next.js polyfills fetch() in the Node.js environment. You can use fetch() in your server code (such as getStaticProps/getServerSideProps) without using polyfills such as isomorphic-unfetch or node-fetch.

Source.

reactjs api axios next.js

You are not using the jwtToken for anything after passing it to the service.

Before the line const instance = axios.create(options); add something like this:

if (jwtToken !== null) {  options.headers.Authorization = `Bearer ${jwtToken}`}

reactjs api axios next.js

Your problem is that your async method does not return a promise.

import service from '../service'export const getAllAccounts = async (adminToken) => {  const res = service({ jwtToken : adminToken }).get(`/accounts`);  return res;}

Recent Posts
How can I color dots in a xy scatterplot according to column value?
How to update a claim in ASP.NET Identity?
What does {0} mean when initializing an object?
Accessing members of items in a JSONArray with Java
How to log SQL statements in Spring Boot?
Powershell Get-WebSite name parameter is ignored
How to detect scroll to bottom of html element
Java synchronized method
How to test controllers with CodeIgniter?
Detect Visual Composer
Matplotlib: Specify format of floats for tick labels
Rails join a list of strings with commas and "and" before the last