Coder Social home page Coder Social logo

Enable Cors for all routes about nextjs-cors HOT 5 OPEN

yonycalsin avatar yonycalsin commented on May 27, 2024 2
Enable Cors for all routes

from nextjs-cors.

Comments (5)

nabtron avatar nabtron commented on May 27, 2024 9

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

from nextjs-cors.

gmariusze avatar gmariusze commented on May 27, 2024 7

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.

from nextjs-cors.

steadylearner avatar steadylearner commented on May 27, 2024 5

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);
  };
}

from nextjs-cors.

clearly-outsane avatar clearly-outsane commented on May 27, 2024

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

from nextjs-cors.

Hades32 avatar Hades32 commented on May 27, 2024

@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

from nextjs-cors.

Related Issues (12)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.