Throwing and catching errors in CF workers

I have an server endpoint in which I throw an error:

    throw createError({
      statusMessage: "Invalid password",
      statusCode: 400,
    });

    throw createError({
      statusMessage: "Invalid password",
      statusCode: 400,
    });

    throw createError({
      statusMessage: "Invalid password",
      statusCode: 400,
    });

    throw createError({
      statusMessage: "Invalid password",
      statusCode: 400,
    });

Now I catch this error in my page with the below code. It works perfectly fine during development. But in production (cloudflare workers),

error.statusMessage

error.statusMessage

error.statusMessage

error.statusMessage is

undefined

undefined

. Do you have an idea why ?

  try {
    await $fetch("/api/login/password/signin", {
      method: "POST",
      body: formData,
    });
  } catch (error) {
    let message = "Unknown error";
    const message = error instanceof FetchError ? error.statusMessage : "Unknown error";
    toast.add({title: message});
}

  try {
    await $fetch("/api/login/password/signin", {
      method: "POST",
      body: formData,
    });
  } catch (error) {
    let message = "Unknown error";
    const message = error instanceof FetchError ? error.statusMessage : "Unknown error";
    toast.add({title: message});
}

  try {
    await $fetch("/api/login/password/signin", {
      method: "POST",
      body: formData,
    });
  } catch (error) {
    let message = "Unknown error";
    const message = error instanceof FetchError ? error.statusMessage : "Unknown error";
    toast.add({title: message});
}

  try {
    await $fetch("/api/login/password/signin", {
      method: "POST",
      body: formData,
    });
  } catch (error) {
    let message = "Unknown error";
    const message = error instanceof FetchError ? error.statusMessage : "Unknown error";
    toast.add({title: message});
}

Throwing and catching errors in CF workers

Similar Threads

Similar Threads

Similar Threads