4 replies

api calls don't work in vercel

I'm trying to call my NextJS API:
If I try to write

const res = await fetch("/api/commands");

const res = await fetch("/api/commands");

I get the error 'failed to parse URL' despite the API endpoint clearly existing and being accessible via

http://localhost:3000/api/commands

http://localhost:3000/api/commands

.

To get around this, I declared a base URL variable so I could at least make it work in localhost and hopefully Vercel too (according to Vercel's docs they have a VERCEL_URL that points to the deployment's URL):

export const BASE_URL =
  process.env.NODE_ENV === 'development'
    ? 'http://localhost:3000'
    : `https://${process.env.VERCEL_URL}`;

export const BASE_URL =
  process.env.NODE_ENV === 'development'
    ? 'http://localhost:3000'
    : `https://${process.env.VERCEL_URL}`;

and then calling the api like so:

const res = await fetch(`${BASE_URL}/api/commands`);

const res = await fetch(`${BASE_URL}/api/commands`);

This works in localhost but not Vercel.

How do you properly specify the base URL when calling your API handler?

TTC

Theo's Typesafe Cult•4y ago•

4 replies

functionthatreturnsfalse

api calls don't work in vercel

I'm trying to call my NextJS API:
If I try to write

const res = await fetch("/api/commands");

const res = await fetch("/api/commands");

I get the error 'failed to parse URL' despite the API endpoint clearly existing and being accessible via

http://localhost:3000/api/commands

http://localhost:3000/api/commands

export const BASE_URL =
  process.env.NODE_ENV === 'development'
    ? 'http://localhost:3000'
    : `https://${process.env.VERCEL_URL}`;

export const BASE_URL =
  process.env.NODE_ENV === 'development'
    ? 'http://localhost:3000'
    : `https://${process.env.VERCEL_URL}`;

and then calling the api like so:

const res = await fetch(`${BASE_URL}/api/commands`);

const res = await fetch(`${BASE_URL}/api/commands`);

This works in localhost but not Vercel.

How do you properly specify the base URL when calling your API handler?

api calls don't work in vercel

Similar Threads

api calls don't work in vercel

Similar Threads

Similar Threads

Similar Threads