remix basename config automatically redirect in production build for root routes

[althafdemiandra]

Hi im currently using remix with basename and use loadbalancer to point into my remix app
i found this issue

// expecting `routes/_index.tsx
something.com/sfl
something.com/sfl/

it's completely different routes, and look like remix automatically do permanent redirect when hitting the first one with basename
this is causing "TOO_MANY_REDIRECTS" error when i try to point my load balancer to my remix app

No Basename

With Basename

my load balancer rules got (TOO_MANY_REDIRECTS)

some workaround with this rules BUT only sfl/, and sfl` would go to different apps

another workaround just put both directed to the same remix app

i wonder if there is anything to do so i can access both sfl/ and sfl without getting TOO_MANY_REDIRECTS,
do i need to remove trailing slash?

thanks!

// vite.config.ts
export default defineConfig({
  plugins: [
    // remixDevTools(),
    remix({
      future: {
        v3_fetcherPersist: true,
        v3_relativeSplatPath: true,
        v3_throwAbortReason: true,
      },
      basename: '/sfl',
    }),
    tsconfigPaths(),
  ],
  base: process.env.NODE_ENV === 'production' ? '/_sfl/' : undefined,
});

// remix version
 "@remix-run/node": "^2.12.1",
 "@remix-run/react": "^2.12.1",
 "@remix-run/serve": "^2.12.1",
 "vite": "^5.1.0",

[althafdemiandra]

Found the issue!
#10163 (comment)

it was cause by this single line of code

remix/packages/remix-serve/cli.ts

Line 135 in b70e0fd

app.use(express.static("public", { maxAge: "1h" }));

catch all with express.static automatically adding trailing slash

fixed with adding express adapter to my remix app and adding base from my vite.config.ts to that line of code

  app.use(BASE_PATH, express.static('build/client', { maxAge: '1h' }));