Access to fetch at 'https://case-cobra-psi.vercel.app/' (redirected from 'https://case-cobra-psi.vercel.app/api/auth/logout?_rsc=15o7e') from origin 'https://case-cobra-psi.vercel.app' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.

[happyrw]

Hey there, my name is Happy and I would like to ask my question about this video. All were working fine on localhost:3000, I mean all about kinde auth, login, rogout, signup. But once my app was deployed on vercel I get => https://case-cobra-psi.vercel.app/ as end point and => https://case-cobra-psi.vercel.app/api/auth/kinde_callback as callback and of course they both included in kinde application dashboard. When I try to log in or interact with kinde, I get CORS policy issue

Access to fetch at 'https://case-cobra-psi.vercel.app/' (redirected from 'https://case-cobra-psi.vercel.app/api/auth/logout?_rsc=15o7e') from origin 'https://case-cobra-psi.vercel.app' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.

end-point "/api/auth/[kindeAuth]/route.js" =>

import { handleAuth } from "@kinde-oss/kinde-auth-nextjs/server";
export const GET = handleAuth();

I real don't know what to do. Help me with that, thanks alot 🙌

[YFD3v]

Verify this link: #18
Basically, replace the links in the Navbar component to LoginLink LogoutLink and RegisterLink of Kinde