Remove trailing slashes to URL via redirect in Remix

root.tsx

import { redirect, type LoaderArgs } from "@remix-run/node";

export async function removeTrailingSlashes(request: Request) {
  let url = new URL(request.url);
  if (url.pathname.endsWith("/") && url.pathname !== "/") {
    throw redirect(url.pathname.slice(0, -1) + url.search);
  }
}

export async function loader({ request }: LoaderArgs) {
  removeTrailingSlashes(request);
  // ... return your data!
}

Thank you for this. It's very useful.

I would suggest doing this instead of manually rebuilding the URL. It also covers hash by default.

export async function removeTrailingSlashes(request: Request) {
  const url = new URL(request.url);
  if (url.pathname.endsWith("/") && url.pathname !== "/") {
    url.pathname = url.pathname.slice(0, -1);
    throw redirect(url.href);
  }
}