CORS Issues

Access to XMLHttpRequest at 'https://api.myapp.com/auth/exchange-code' from origin 'https://app.myapp.com' 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://api.myapp.com/auth/exchange-code' from origin 'https://app.myapp.com' 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.

api.myapp.com/auth/exchange-code:1 
Failed to load resource: net::ERR_FAILED

api.myapp.com/auth/exchange-code:1 
Failed to load resource: net::ERR_FAILED

main.wasp

main.wasp

 server: {
    setupFn: import { serverSetup } from "@src/server/serverSetup",
    middlewareConfigFn: import { serverMiddlewareFn } from "@src/server/serverSetup"
  },

 server: {
    setupFn: import { serverSetup } from "@src/server/serverSetup",
    middlewareConfigFn: import { serverMiddlewareFn } from "@src/server/serverSetup"
  },

serverSetup

serverSetup

import { type ServerSetupFn } from 'wasp/server';
import cors from 'cors'

export const serverMiddlewareFn = (middlewareConfig: any) => {
  middlewareConfig.set('cors', cors({
    origin: [
      'https://app.myapp.com',
      'https://api.myapp.com',
      'http://localhost:3000',
      'http://localhost:6274',
      'http://127.0.0.1:6274'
    ],
    credentials: true,
    methods: ['GET', 'POST', 'PUT', 'DELETE', 'OPTIONS'],
    allowedHeaders: [
      'Content-Type', 
      'Authorization', 
      'X-Device-ID',
      'Accept',
      'Origin',
      'X-Requested-With'
    ],
  }))
  return middlewareConfig
}

import { type ServerSetupFn } from 'wasp/server';
import cors from 'cors'

export const serverMiddlewareFn = (middlewareConfig: any) => {
  middlewareConfig.set('cors', cors({
    origin: [
      'https://app.myapp.com',
      'https://api.myapp.com',
      'http://localhost:3000',
      'http://localhost:6274',
      'http://127.0.0.1:6274'
    ],
    credentials: true,
    methods: ['GET', 'POST', 'PUT', 'DELETE', 'OPTIONS'],
    allowedHeaders: [
      'Content-Type', 
      'Authorization', 
      'X-Device-ID',
      'Accept',
      'Origin',
      'X-Requested-With'
    ],
  }))
  return middlewareConfig
}

CORS Issues

Access to XMLHttpRequest at 'https://api.myapp.com/auth/exchange-code' from origin 'https://app.myapp.com' 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://api.myapp.com/auth/exchange-code' from origin 'https://app.myapp.com' 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.

api.myapp.com/auth/exchange-code:1 
Failed to load resource: net::ERR_FAILED

api.myapp.com/auth/exchange-code:1 
Failed to load resource: net::ERR_FAILED

main.wasp

main.wasp

 server: {
    setupFn: import { serverSetup } from "@src/server/serverSetup",
    middlewareConfigFn: import { serverMiddlewareFn } from "@src/server/serverSetup"
  },

 server: {
    setupFn: import { serverSetup } from "@src/server/serverSetup",
    middlewareConfigFn: import { serverMiddlewareFn } from "@src/server/serverSetup"
  },

serverSetup

serverSetup

import { type ServerSetupFn } from 'wasp/server';
import cors from 'cors'

export const serverMiddlewareFn = (middlewareConfig: any) => {
  middlewareConfig.set('cors', cors({
    origin: [
      'https://app.myapp.com',
      'https://api.myapp.com',
      'http://localhost:3000',
      'http://localhost:6274',
      'http://127.0.0.1:6274'
    ],
    credentials: true,
    methods: ['GET', 'POST', 'PUT', 'DELETE', 'OPTIONS'],
    allowedHeaders: [
      'Content-Type', 
      'Authorization', 
      'X-Device-ID',
      'Accept',
      'Origin',
      'X-Requested-With'
    ],
  }))
  return middlewareConfig
}

import { type ServerSetupFn } from 'wasp/server';
import cors from 'cors'

export const serverMiddlewareFn = (middlewareConfig: any) => {
  middlewareConfig.set('cors', cors({
    origin: [
      'https://app.myapp.com',
      'https://api.myapp.com',
      'http://localhost:3000',
      'http://localhost:6274',
      'http://127.0.0.1:6274'
    ],
    credentials: true,
    methods: ['GET', 'POST', 'PUT', 'DELETE', 'OPTIONS'],
    allowedHeaders: [
      'Content-Type', 
      'Authorization', 
      'X-Device-ID',
      'Accept',
      'Origin',
      'X-Requested-With'
    ],
  }))
  return middlewareConfig
}

CORS Issues

Similar Threads

CORS Issues

Similar Threads

Similar Threads

Similar Threads