WaspW
Wasp•13mo ago
William Jin

Getting CORS issue when using Wasp CLI to deploy

@kapa.ai I'm experiencing a CORS issue, NOT using my own domain:

Access to XMLHttpRequest at 'https://skyblaze-server.fly.dev/crud/Slot/get-all' from origin 'https://skyblaze-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 main.wasp is like 
  server: {
    setupFn: import setup from "@src/serverSetup",
    middlewareConfigFn: import { serverMiddlewareFn } from "@src/serverSetup"
  },


And my src/serverSetup.ts:
 import bodyParser from 'body-parser';
import cors from 'cors';
import { type MiddlewareConfigFn } from 'wasp/server';

export default function setup() {
  console.log('Server setup running...');
}

export const serverMiddlewareFn: MiddlewareConfigFn = (middlewareConfig) => {
  middlewareConfig.set('express.json', bodyParser.json({ limit: '10mb' }));
  middlewareConfig.set('cors', cors({ origin: ['http://localhost:3000', 'https://skyblaze-client.fly.dev'] }));
  return middlewareConfig;
};


(My client URL is https://skyblaze-client.fly.dev).

Seems the CORS settings do work on my local machine since when I removed http://localhost:3000, it also throws a CORS error locally. I'm wondering whether there're something wrong in my serverSetup and middleware that causing this issue?
Was this page helpful?