Enabling CORS is required if you want to allow serving HTTP requests to external clients. For example, if you want to expose an API to some consumers: JS libraries, headless clients, and so on.
To enable CORS, you can use the with-cors and call it in your handler:
import withCors from '~/core/middleware/with-cors';
function apiHandler(
req: NextApiRequest,
res: NextApiResponse
) {
withCors(res);
// your logic
}
export default apiHandler;Additionally, you need to respond to OPTIONS request appropriately.
export function loader({ request }: LoaderArgs) {
withCors();
if (request.method === `OPTIONS`) {
return new Response(null, {
headers: new Headers({
// add the method you want to allow
'Access-Control-Allow-Methods': 'GET'
})
});
}
}