Enable Cors for all routes

[bdcorps]

I see from the example that I can enable cors for that specific route - api/whoami but is there a way to apply this to all routes?

[gmariusze]

By class inheritance or middleware (in nextjs you can place _middleware.ts in pages or api directory for instance). Your demand is not quite related to the library itself.

[nabtron]

@gmariusze your response makes the library less useful. The developer should explain how his library is useful, explaining how to implement it in projects.

[clearly-outsane]

I dont understand what was was wrong with the response, the author's response makes sense to me here

[Hades32]

@yonycalsin The method signature for middlewares in NextJS _middleware.ts is export async function middleware(request: NextRequest) {. Therefore it's not really clear how to use this library, as we have to response arg

[steadylearner]

You can read this blog post to use CORS for all routes with it.

You can see the repository you can use as an example here.

You can use this instead of the handler from Next js.

import NextCors from 'nextjs-cors';

function withNextCors(
  handler: NextApiHandler,
): NextApiHandler {
  return async function nextApiHandlerWrappedWithNextCors(req, res) {

    const methods = ['GET', 'HEAD', 'PUT', 'PATCH', 'POST', 'DELETE'];
    await NextCors(req, res, {
      methods,
      origin: CORS_ALLOWED_ORGIN,
      optionsSuccessStatus: 200,
    });

    return handler(req, res);
  };
}

[jees47]

CORS_ALLOWED_ORGIN

whats inside CORS_ALLOWED_ORGIN ?

[AlexanderPershin]

CORS_ALLOWED_ORGIN

whats inside CORS_ALLOWED_ORGIN ?

I suppose it's an array of strings:

CORS_ALLOWED_ORGIN = ['http://localhost:5173',]