Function fetchDest

  • fetchDest(
        request: Request,
    ):
        | null
        | "object"
        | "image"
        | "style"
        | "document"
        | "script"
        | "audio"
        | "embed"
        | "iframe"
        | "track"
        | "video"
        | "audioworklet"
        | "font"
        | "frame"
        | "manifest"
        | "paintworklet"
        | "report"
        | "serviceworker"
        | "sharedworker"
        | "worker"
        | "xslt"
        | "empty"

    Returns the value of the Sec-Fetch-Dest header.

    The Sec-Fetch-Dest header indicates the destination of the request and can be used to know if the request came from a fetch call or not, among other things.

    Parameters

    Returns
        | null
        | "object"
        | "image"
        | "style"
        | "document"
        | "script"
        | "audio"
        | "embed"
        | "iframe"
        | "track"
        | "video"
        | "audioworklet"
        | "font"
        | "frame"
        | "manifest"
        | "paintworklet"
        | "report"
        | "serviceworker"
        | "sharedworker"
        | "worker"
        | "xslt"
        | "empty"

    See

    https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Sec-Fetch-Dest

    Example

    // Detect if the request came from a fetch call and return
    // json, otherwise return a redirect
    export async function action({ request }: ActionFunctionArgs) {
      let dest = fetchDest(request);
      if (dest === "empty") return json(data)
      return redirect(destination)
    }
  • fetchDest(
        headers: Headers,
    ):
        | null
        | "object"
        | "image"
        | "style"
        | "document"
        | "script"
        | "audio"
        | "embed"
        | "iframe"
        | "track"
        | "video"
        | "audioworklet"
        | "font"
        | "frame"
        | "manifest"
        | "paintworklet"
        | "report"
        | "serviceworker"
        | "sharedworker"
        | "worker"
        | "xslt"
        | "empty"

    Returns the value of the Sec-Fetch-Dest header.

    The Sec-Fetch-Dest header indicates the destination of the request and can be used to know if the request came from a fetch call or not, among other things.

    Parameters

    Returns
        | null
        | "object"
        | "image"
        | "style"
        | "document"
        | "script"
        | "audio"
        | "embed"
        | "iframe"
        | "track"
        | "video"
        | "audioworklet"
        | "font"
        | "frame"
        | "manifest"
        | "paintworklet"
        | "report"
        | "serviceworker"
        | "sharedworker"
        | "worker"
        | "xslt"
        | "empty"

    See

    https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Sec-Fetch-Dest

    Example

    // Detect if the request came from a fetch call and return
    // json, otherwise return a redirect
    export async function action({ request }: ActionFunctionArgs) {
      let dest = fetchDest(request);
      if (dest === "empty") return json(data)
      return redirect(destination)
    }

Settings

Member Visibility