CORS Issues

action search {
  fn: import { search } from "@ext/server/actions.js"
  entities: [User]
}

action search {
  fn: import { search } from "@ext/server/actions.js"
  entities: [User]
}

export async function search({ args, context }) {
  // Your implementation here
}

export async function search({ args, context }) {
  // Your implementation here
}

api fooBar {
  fn: import { fooBar } from "@src/apis",
  httpRoute: (GET, "/foo/bar")
}

api fooBar {
  fn: import { fooBar } from "@src/apis",
  httpRoute: (GET, "/foo/bar")
}

export const fooBar = (req, res, context) => {
  res.set("Access-Control-Allow-Origin", "*");
  res.json({ msg: `Hello, ${context.user ? "registered user" : "stranger"}!` });
};

export const fooBar = (req, res, context) => {
  res.set("Access-Control-Allow-Origin", "*");
  res.json({ msg: `Hello, ${context.user ? "registered user" : "stranger"}!` });
};

import { api } from "wasp/client/api";

async function fetchCustomRoute() {
  const res = await api.get("/foo/bar");
  console.log(res.data);
}

import { api } from "wasp/client/api";

async function fetchCustomRoute() {
  const res = await api.get("/foo/bar");
  console.log(res.data);
}

main.js:
import cors from 'cors'

export const middleware = [
  { name: 'cors', fn: cors() }
]

main.js:
import cors from 'cors'

export const middleware = [
  { name: 'cors', fn: cors() }
]

import { api } from 'wasp/client/api';

import { api } from 'wasp/client/api';

api.post('/my-endpoint', { key: 'value' })
  .then(response => console.log(response.data))
  .catch(error => console.error(error));

api.post('/my-endpoint', { key: 'value' })
  .then(response => console.log(response.data))
  .catch(error => console.error(error));

api myEndpoint {
  fn: import { myEndpoint } from "@src/apis",
  httpRoute: (POST, "/my-endpoint")
}

api myEndpoint {
  fn: import { myEndpoint } from "@src/apis",
  httpRoute: (POST, "/my-endpoint")
}

export const myEndpoint = (req, res, context) => {
  // Your implementation here
};

export const myEndpoint = (req, res, context) => {
  // Your implementation here
};

main.js:
import cors from 'cors'

export const middleware = [
  { name: 'cors', fn: cors() }
]

main.js:
import cors from 'cors'

export const middleware = [
  { name: 'cors', fn: cors() }
]

app todoApp {  
 // ...  
  
 server: {  
 setupFn: import setup from "@src/serverSetup",  
 middlewareConfigFn: import { serverMiddlewareFn } from "@src/serverSetup"  
 },  
}  

app todoApp {  
 // ...  
  
 server: {  
 setupFn: import setup from "@src/serverSetup",  
 middlewareConfigFn: import { serverMiddlewareFn } from "@src/serverSetup"  
 },  
}  

api webhookCallback {  
 fn: import { webhookCallback } from "@src/apis",  
 middlewareConfigFn: import { webhookCallbackMiddlewareFn } from "@src/apis",  
 httpRoute: (POST, "/webhook/callback"),  
 auth: false  
}  

api webhookCallback {  
 fn: import { webhookCallback } from "@src/apis",  
 middlewareConfigFn: import { webhookCallbackMiddlewareFn } from "@src/apis",  
 httpRoute: (POST, "/webhook/callback"),  
 auth: false  
}  

apiNamespace fooBar {  
 middlewareConfigFn: import { fooBarNamespaceMiddlewareFn } from "@src/apis",  
 path: "/foo/bar"  
}  

apiNamespace fooBar {  
 middlewareConfigFn: import { fooBarNamespaceMiddlewareFn } from "@src/apis",  
 path: "/foo/bar"  
}  

import cors from 'cors'

export const serverMiddlewareFn = () => {
  return [
    { name: 'cors', fn: cors() }
  ]
}

import cors from 'cors'

export const serverMiddlewareFn = () => {
  return [
    { name: 'cors', fn: cors() }
  ]
}

app MyApp {
  // ...
  server: {
    setupFn: import { mySetupFunction } from "@src/myServerSetupCode.js",
    middlewareConfigFn: import { serverMiddlewareFn } from "@src/myServerSetupCode.js"
  }
}

app MyApp {
  // ...
  server: {
    setupFn: import { mySetupFunction } from "@src/myServerSetupCode.js",
    middlewareConfigFn: import { serverMiddlewareFn } from "@src/myServerSetupCode.js"
  }
}

export const myEndpoint = (req, res, context) => {
  // Your implementation here
};

export const myEndpoint = (req, res, context) => {
  // Your implementation here
};

api myEndpoint {
  fn: import { myEndpoint } from "@src/apis",
  httpRoute: (POST, "/my-endpoint")
}

api myEndpoint {
  fn: import { myEndpoint } from "@src/apis",
  httpRoute: (POST, "/my-endpoint")
}

export const myEndpoint = (req, res, context) => {
  // Your implementation here
};

export const anotherEndpoint = (req, res, context) => {
  // Your implementation here
};

export const myEndpoint = (req, res, context) => {
  // Your implementation here
};

export const anotherEndpoint = (req, res, context) => {
  // Your implementation here
};

api myEndpoint {
  fn: import { myEndpoint } from "@src/apis",
  httpRoute: (POST, "/my-endpoint")
}

api anotherEndpoint {
  fn: import { anotherEndpoint } from "@src/apis",
  httpRoute: (POST, "/another-endpoint")
}

api myEndpoint {
  fn: import { myEndpoint } from "@src/apis",
  httpRoute: (POST, "/my-endpoint")
}

api anotherEndpoint {
  fn: import { anotherEndpoint } from "@src/apis",
  httpRoute: (POST, "/another-endpoint")
}

// This is your endpoint function
export const myEndpoint = (req, res, context) => {
  // Your implementation here
};

// This is your middleware function
export const myMiddleware = (req, res, next) => {
  // Your implementation here
  next();
};

// This is your endpoint function
export const myEndpoint = (req, res, context) => {
  // Your implementation here
};

// This is your middleware function
export const myMiddleware = (req, res, next) => {
  // Your implementation here
  next();
};

api myEndpoint {
  fn: import { myEndpoint } from "@src/apis",
  httpRoute: (POST, "/my-endpoint"),
  middlewareConfigFn: import { myMiddleware } from "@src/apis"
}

api myEndpoint {
  fn: import { myEndpoint } from "@src/apis",
  httpRoute: (POST, "/my-endpoint"),
  middlewareConfigFn: import { myMiddleware } from "@src/apis"
}

for (let value of modifiedMiddlewareConfig.values()) {
  console.log(value);
}

for (let value of modifiedMiddlewareConfig.values()) {
  console.log(value);
}

for (let value of Object.values(modifiedMiddlewareConfig)) {
  console.log(value);
}

for (let value of Object.values(modifiedMiddlewareConfig)) {
  console.log(value);
}

import cors from 'cors'

export const searchMiddlewareConfig = (middlewareConfig) => {
  console.log('webhookCallbackMiddlewareFn: Swap express.json for express.raw')

  middlewareConfig.delete('express.json')
  middlewareConfig.set('cors', cors())  // Add this line

  return middlewareConfig
}

import cors from 'cors'

export const searchMiddlewareConfig = (middlewareConfig) => {
  console.log('webhookCallbackMiddlewareFn: Swap express.json for express.raw')

  middlewareConfig.delete('express.json')
  middlewareConfig.set('cors', cors())  // Add this line

  return middlewareConfig
}

import cors from 'cors'

export const searchMiddlewareConfig = (middlewareConfig) => {
  console.log('webhookCallbackMiddlewareFn: Swap express.json for express.raw')

  middlewareConfig.delete('express.json')
  middlewareConfig.set('cors', cors())  // Add this line

  return middlewareConfig
}

import cors from 'cors'

export const searchMiddlewareConfig = (middlewareConfig) => {
  console.log('webhookCallbackMiddlewareFn: Swap express.json for express.raw')

  middlewareConfig.delete('express.json')
  middlewareConfig.set('cors', cors())  // Add this line

  return middlewareConfig
}

app MyApp {
  // ...
  server: {
    setupFn: import { setup } from "@src/serverSetup",
    middlewareConfigFn: import { searchMiddlewareConfig } from "@src/serverSetup"
  }
}

app MyApp {
  // ...
  server: {
    setupFn: import { setup } from "@src/serverSetup",
    middlewareConfigFn: import { searchMiddlewareConfig } from "@src/serverSetup"
  }
}

axios.post('/api/search', data, { withCredentials: true })

axios.post('/api/search', data, { withCredentials: true })

middlewareConfig.set('cors', cors({ origin: '<http://localhost:3000'> }))

middlewareConfig.set('cors', cors({ origin: '<http://localhost:3000'> }))

import cors from 'cors'

export const searchMiddlewareConfig = (middlewareConfig) => {
  console.log('webhookCallbackMiddlewareFn: Swap express.json for express.raw')

  middlewareConfig.delete('express.json')
  middlewareConfig.set('cors', cors())  // Add this line

  return middlewareConfig
}

import cors from 'cors'

export const searchMiddlewareConfig = (middlewareConfig) => {
  console.log('webhookCallbackMiddlewareFn: Swap express.json for express.raw')

  middlewareConfig.delete('express.json')
  middlewareConfig.set('cors', cors())  // Add this line

  return middlewareConfig
}

app MyApp {
  // ...
  server: {
    setupFn: import { setup } from "@src/serverSetup",
    middlewareConfigFn: import { searchMiddlewareConfig } from "@src/serverSetup"
  }
}

app MyApp {
  // ...
  server: {
    setupFn: import { setup } from "@src/serverSetup",
    middlewareConfigFn: import { searchMiddlewareConfig } from "@src/serverSetup"
  }
}

axios.post('/api/search', data, { withCredentials: true })

axios.post('/api/search', data, { withCredentials: true })

middlewareConfig.set('cors', cors({ origin: '<http://localhost:3000'> }))

middlewareConfig.set('cors', cors({ origin: '<http://localhost:3000'> }))

import { api } from 'wasp/client/api'

const data = { /* your data here */ }

api.post('/api/search', data)
  .then(response => {
    console.log(response.data)
  })
  .catch(error => {
    console.error(error)
  })

import { api } from 'wasp/client/api'

const data = { /* your data here */ }

api.post('/api/search', data)
  .then(response => {
    console.log(response.data)
  })
  .catch(error => {
    console.error(error)
  })

import cors from 'cors'

export const searchMiddlewareConfig = (middlewareConfig) => {
  middlewareConfig.delete('express.json')
  middlewareConfig.set('cors', cors())
  return middlewareConfig
}

import cors from 'cors'

export const searchMiddlewareConfig = (middlewareConfig) => {
  middlewareConfig.delete('express.json')
  middlewareConfig.set('cors', cors())
  return middlewareConfig
}

middlewareConfig.set('cors', cors({ origin: '<http://localhost:3000'> }))

middlewareConfig.set('cors', cors({ origin: '<http://localhost:3000'> }))

app MyApp {
  // ...
  server: {
    setupFn: import { setup } from "@src/serverSetup",
    middlewareConfigFn: import { searchMiddlewareConfig } from "@src/serverSetup"
  }
}

app MyApp {
  // ...
  server: {
    setupFn: import { setup } from "@src/serverSetup",
    middlewareConfigFn: import { searchMiddlewareConfig } from "@src/serverSetup"
  }
}

app MyApp {
  // ...
  server: {
    setupFn: import { setup } from "@src/serverSetup",
    middlewareConfigFn: import { searchMiddlewareConfig } from "@src/serverSetup"
  }
}

app MyApp {
  // ...
  server: {
    setupFn: import { setup } from "@src/serverSetup",
    middlewareConfigFn: import { searchMiddlewareConfig } from "@src/serverSetup"
  }
}

import cors from 'cors'

export const searchMiddlewareConfig = (middlewareConfig) => {{
  middlewareConfig.delete('express.json')
  middlewareConfig.set('cors', cors())
  return middlewareConfig
}}

import cors from 'cors'

export const searchMiddlewareConfig = (middlewareConfig) => {{
  middlewareConfig.delete('express.json')
  middlewareConfig.set('cors', cors())
  return middlewareConfig
}}

import cors from 'cors'

export const searchMiddlewareConfig = (middlewareConfig) => {
  middlewareConfig.delete('express.json')
  middlewareConfig.set('cors', cors())
  return middlewareConfig
}

import cors from 'cors'

export const searchMiddlewareConfig = (middlewareConfig) => {
  middlewareConfig.delete('express.json')
  middlewareConfig.set('cors', cors())
  return middlewareConfig
}

app.options('*', (req, res) => {
  res.set('Access-Control-Allow-Origin', '*')
  res.set('Access-Control-Allow-Methods', 'GET, POST')
  res.set('Access-Control-Allow-Headers', 'Content-Type')
  res.send()
})

app.options('*', (req, res) => {
  res.set('Access-Control-Allow-Origin', '*')
  res.set('Access-Control-Allow-Methods', 'GET, POST')
  res.set('Access-Control-Allow-Headers', 'Content-Type')
  res.send()
})

import express from 'express'

export const webhookCallbackMiddlewareConfig = (middlewareConfig) => {
  console.log('webhookCallbackMiddlewareFn: Swap express.json for express.raw')

  middlewareConfig.delete('express.json')
  middlewareConfig.set('express.raw', express.raw())
  
  return middlewareConfig
}

import express from 'express'

export const webhookCallbackMiddlewareConfig = (middlewareConfig) => {
  console.log('webhookCallbackMiddlewareFn: Swap express.json for express.raw')

  middlewareConfig.delete('express.json')
  middlewareConfig.set('express.raw', express.raw())
  
  return middlewareConfig
}

api webhookCallbackApi {
  fn: import { webhookCallback } from "@src/server/main/actions.js",
  httpRoute: (POST, "/api/webhookCallback"),
  middlewareConfigFn: import { webhookCallbackMiddlewareConfig } from "@src/server/main/actions.js"
}

api webhookCallbackApi {
  fn: import { webhookCallback } from "@src/server/main/actions.js",
  httpRoute: (POST, "/api/webhookCallback"),
  middlewareConfigFn: import { webhookCallbackMiddlewareConfig } from "@src/server/main/actions.js"
}

import cors from 'cors'
import express from 'express'

export const searchYoutubeCommentsMiddlewareConfig = (middlewareConfig) => {
  console.log('webhookCallbackMiddlewareFn: Swap express.json for express.raw')

  middlewareConfig.delete('express.json')
  middlewareConfig.set('express.raw', express.raw())
  middlewareConfig.set('cors', cors()) // Add this line

  return middlewareConfig
}

import cors from 'cors'
import express from 'express'

export const searchYoutubeCommentsMiddlewareConfig = (middlewareConfig) => {
  console.log('webhookCallbackMiddlewareFn: Swap express.json for express.raw')

  middlewareConfig.delete('express.json')
  middlewareConfig.set('express.raw', express.raw())
  middlewareConfig.set('cors', cors()) // Add this line

  return middlewareConfig
}

import cors from 'cors'

export const searchYoutubeCommentsMiddlewareConfig = (middlewareConfig) => {
  middlewareConfig.delete('express.json')
  middlewareConfig.set('cors', cors())
  return middlewareConfig
}

import cors from 'cors'

export const searchYoutubeCommentsMiddlewareConfig = (middlewareConfig) => {
  middlewareConfig.delete('express.json')
  middlewareConfig.set('cors', cors())
  return middlewareConfig
}

fuser -k 3000/tcp
fuser -k 3001/tcp

fuser -k 3000/tcp
fuser -k 3001/tcp

import cors from 'cors'

export const searchYoutubeCommentsMiddlewareConfig = (middlewareConfig) => {
  middlewareConfig.delete('express.json')
  middlewareConfig.set('cors', cors())
  return middlewareConfig
}

import cors from 'cors'

export const searchYoutubeCommentsMiddlewareConfig = (middlewareConfig) => {
  middlewareConfig.delete('express.json')
  middlewareConfig.set('cors', cors())
  return middlewareConfig
}

app MyApp {
  title: "My app",
  // ...
  server: {
    setupFn: import { serverSetup } from "@src/server/serverSetup.js"
  }
}

app MyApp {
  title: "My app",
  // ...
  server: {
    setupFn: import { serverSetup } from "@src/server/serverSetup.js"
  }
}

app MyApp {
  title: "My app",
  // ...
  server: {
    setupFn: import { serverSetup } from "@src/server/serverSetup.js",
    middlewareConfigFn: import { myMiddlewareConfigFn } from "@src/server/serverSetup.js"
  }
}

app MyApp {
  title: "My app",
  // ...
  server: {
    setupFn: import { serverSetup } from "@src/server/serverSetup.js",
    middlewareConfigFn: import { myMiddlewareConfigFn } from "@src/server/serverSetup.js"
  }
}

    import cors from 'cors'

    export const searchYoutubeCommentsMiddlewareConfig = (middlewareConfig) => {
      middlewareConfig.delete('express.json')
      middlewareConfig.set('cors', cors())
      return middlewareConfig
    }
    

    import cors from 'cors'

    export const searchYoutubeCommentsMiddlewareConfig = (middlewareConfig) => {
      middlewareConfig.delete('express.json')
      middlewareConfig.set('cors', cors())
      return middlewareConfig
    }
    

api searchApi {
  fn: import { search } from "@src/server/main/actions.js",
  entities: [User],
  middlewareConfigFn: import { searchMiddlewareConfig } from "@src/server/main/actions.js",
  httpRoute: (POST, "/api/search")
}

api searchApi {
  fn: import { search } from "@src/server/main/actions.js",
  entities: [User],
  middlewareConfigFn: import { searchMiddlewareConfig } from "@src/server/main/actions.js",
  httpRoute: (POST, "/api/search")
}

import cors from 'cors'

export const apiMiddleware = (config) => {  
 return config.set('cors', cors())
}

import cors from 'cors'

export const apiMiddleware = (config) => {  
 return config.set('cors', cors())
}