10 replies

cors errors

❔Advice

edit: problem was a silly mistake, I had not ran

npx convex deploy

npx convex deploy

so the endpoints didnt exist in prod

why do I get cors error on this endpoint:

http.route({
  path: "/event",
  method: "OPTIONS",
  handler: httpAction(async (_ctx, request) => {
    const headers = request.headers;
    if (
      headers.get("Origin") !== null &&
      headers.get("Access-Control-Request-Method") !== null &&
      headers.get("Access-Control-Request-Headers") !== null
    ) {
      return new Response(null, {
        headers: new Headers({
          "Access-Control-Allow-Origin": "*",
          "Access-Control-Allow-Methods": "POST,PUT,OPTIONS",
          "Access-Control-Allow-Headers": "Content-Type, Digest, Authorization, Accept",
          "Access-Control-Max-Age": "86400",
        }),
      });
    } else {
      return new Response(null, {
        headers: new Headers(corsHeaders(request)),
      });
    }
  }),
});

http.route({
  path: "/event",
  method: "OPTIONS",
  handler: httpAction(async (_ctx, request) => {
    const headers = request.headers;
    if (
      headers.get("Origin") !== null &&
      headers.get("Access-Control-Request-Method") !== null &&
      headers.get("Access-Control-Request-Headers") !== null
    ) {
      return new Response(null, {
        headers: new Headers({
          "Access-Control-Allow-Origin": "*",
          "Access-Control-Allow-Methods": "POST,PUT,OPTIONS",
          "Access-Control-Allow-Headers": "Content-Type, Digest, Authorization, Accept",
          "Access-Control-Max-Age": "86400",
        }),
      });
    } else {
      return new Response(null, {
        headers: new Headers(corsHeaders(request)),
      });
    }
  }),
});

function corsHeaders(request: Request): Record<string, string> {
  const requestedHeaders =
    request.headers.get("access-control-request-headers") ??
    "content-type,authorization,accept";
  const requestedMethod =
    request.headers.get("access-control-request-method") ??
    "GET,HEAD,POST,PUT,PATCH,DELETE,OPTIONS";

  return {
    "access-control-allow-origin": "*",
    "access-control-allow-methods": requestedMethod,
    "access-control-allow-headers": requestedHeaders,
    "access-control-allow-credentials": "false",
    "access-control-max-age": "86400",
    vary: "Origin, Access-Control-Request-Method, Access-Control-Request-Headers",
  };
}

function corsHeaders(request: Request): Record<string, string> {
  const requestedHeaders =
    request.headers.get("access-control-request-headers") ??
    "content-type,authorization,accept";
  const requestedMethod =
    request.headers.get("access-control-request-method") ??
    "GET,HEAD,POST,PUT,PATCH,DELETE,OPTIONS";

  return {
    "access-control-allow-origin": "*",
    "access-control-allow-methods": requestedMethod,
    "access-control-allow-headers": requestedHeaders,
    "access-control-allow-credentials": "false",
    "access-control-max-age": "86400",
    vary: "Origin, Access-Control-Request-Method, Access-Control-Request-Headers",
  };
}

Convex Community•14h ago•

10 replies

philipsman

cors errors

❔Advice

edit: problem was a silly mistake, I had not ran

npx convex deploy

npx convex deploy

so the endpoints didnt exist in prod

why do I get cors error on this endpoint:

http.route({
  path: "/event",
  method: "OPTIONS",
  handler: httpAction(async (_ctx, request) => {
    const headers = request.headers;
    if (
      headers.get("Origin") !== null &&
      headers.get("Access-Control-Request-Method") !== null &&
      headers.get("Access-Control-Request-Headers") !== null
    ) {
      return new Response(null, {
        headers: new Headers({
          "Access-Control-Allow-Origin": "*",
          "Access-Control-Allow-Methods": "POST,PUT,OPTIONS",
          "Access-Control-Allow-Headers": "Content-Type, Digest, Authorization, Accept",
          "Access-Control-Max-Age": "86400",
        }),
      });
    } else {
      return new Response(null, {
        headers: new Headers(corsHeaders(request)),
      });
    }
  }),
});

http.route({
  path: "/event",
  method: "OPTIONS",
  handler: httpAction(async (_ctx, request) => {
    const headers = request.headers;
    if (
      headers.get("Origin") !== null &&
      headers.get("Access-Control-Request-Method") !== null &&
      headers.get("Access-Control-Request-Headers") !== null
    ) {
      return new Response(null, {
        headers: new Headers({
          "Access-Control-Allow-Origin": "*",
          "Access-Control-Allow-Methods": "POST,PUT,OPTIONS",
          "Access-Control-Allow-Headers": "Content-Type, Digest, Authorization, Accept",
          "Access-Control-Max-Age": "86400",
        }),
      });
    } else {
      return new Response(null, {
        headers: new Headers(corsHeaders(request)),
      });
    }
  }),
});

function corsHeaders(request: Request): Record<string, string> {
  const requestedHeaders =
    request.headers.get("access-control-request-headers") ??
    "content-type,authorization,accept";
  const requestedMethod =
    request.headers.get("access-control-request-method") ??
    "GET,HEAD,POST,PUT,PATCH,DELETE,OPTIONS";

  return {
    "access-control-allow-origin": "*",
    "access-control-allow-methods": requestedMethod,
    "access-control-allow-headers": requestedHeaders,
    "access-control-allow-credentials": "false",
    "access-control-max-age": "86400",
    vary: "Origin, Access-Control-Request-Method, Access-Control-Request-Headers",
  };
}

function corsHeaders(request: Request): Record<string, string> {
  const requestedHeaders =
    request.headers.get("access-control-request-headers") ??
    "content-type,authorization,accept";
  const requestedMethod =
    request.headers.get("access-control-request-method") ??
    "GET,HEAD,POST,PUT,PATCH,DELETE,OPTIONS";

  return {
    "access-control-allow-origin": "*",
    "access-control-allow-methods": requestedMethod,
    "access-control-allow-headers": requestedHeaders,
    "access-control-allow-credentials": "false",
    "access-control-max-age": "86400",
    vary: "Origin, Access-Control-Request-Method, Access-Control-Request-Headers",
  };
}

cors errors

Similar Threads

cors errors

Similar Threads

Similar Threads

Similar Threads