@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.
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
main.wasp
is like
server: { setupFn: import setup from "@src/serverSetup", middlewareConfigFn: import { serverMiddlewareFn } from "@src/serverSetup" },
server: { setupFn: import setup from "@src/serverSetup", middlewareConfigFn: import { serverMiddlewareFn } from "@src/serverSetup" },
And my
src/serverSetup.ts
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;};
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
https://skyblaze-client.fly.dev
).
Seems the CORS settings do work on my local machine since when I removed
http://localhost:3000
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?