WaspW
Wasp15mo ago
linus

CORS issue

Hi I can't get around this error in production:

Access to XMLHttpRequest at 'https://skyber-academy-server.fly.dev/operations/get-waitlist-emails' from origin 'https://skyber-academy-client.fly.dev' 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.


my app/src/server/utils.ts:
import cors from 'cors';
import { type MiddlewareConfigFn } from 'wasp/server';

export function requireNodeEnvVar(name: string): string {
  const value = process.env[name];
  if (value === undefined) {
    throw new Error(`Env var ${name} is undefined`);
  } else {
    return value;
  }
}

export const serverMiddlewareFn: MiddlewareConfigFn = (middlewareConfig) => {
  // @ts-ignore
  middlewareConfig.set('cors', cors({ origin: [process.env.WASP_WEB_CLIENT_URL, 'http://localhost:3000'] }));
  return middlewareConfig;
};


my main.wasp:
app SkyberAcademy {
  server: {
    middlewareConfigFn: import { serverMiddlewareFn } from "@src/server/utils"
  },
}


I deployed using wasp deploy fly deploy
Was this page helpful?