TanStack•10mo ago•

3 replies

awake-maroon

Using router in a dynamic subpath, recieving page not found

I'm trying to host a static app on either

/subpath

/subpath

I've tried all combinations of setting the

basePath

basePath

on the router & in vite to

""

""

"./"

"./"

"/"

"/"

, the app does load however we first hit a

page not found

page not found

, navigating to

works from within the app but

should be

/subpath

/subpath

Express

// env.BASE_PATH is either / or /subpath
app.use(env.BASE_PATH, express.static("./serve"));
app.use(`${env.BASE_PATH}{*splat}`, (_req:Request, res: response) => {
  response.sendFile("./serve/index.html")
});

// env.BASE_PATH is either / or /subpath
app.use(env.BASE_PATH, express.static("./serve"));
app.use(`${env.BASE_PATH}{*splat}`, (_req:Request, res: response) => {
  response.sendFile("./serve/index.html")
});

Vite

export default defineProject({
  base: "./" // Also tried "", "/" in combination with the router & separately
  ...
});

export default defineProject({
  base: "./" // Also tried "", "/" in combination with the router & separately
  ...
});

Router

const router = createRouter({
  basepath: "", // Also tried "./", "/" in combination with vite & separately
  ...
});

const router = createRouter({
  basepath: "", // Also tried "./", "/" in combination with vite & separately
  ...
});

Any help is appreciated, i dont want to hardcode the subpath into the router if i can avoid it!

TanStack•10mo ago•

3 replies

awake-maroon

Using router in a dynamic subpath, recieving page not found

I'm trying to host a static app on either

/subpath

/subpath

I've tried all combinations of setting the

basePath

basePath

on the router & in vite to

""

""

"./"

"./"

"/"

"/"

, the app does load however we first hit a

page not found

page not found

, navigating to

works from within the app but

should be

/subpath

/subpath

Express

// env.BASE_PATH is either / or /subpath
app.use(env.BASE_PATH, express.static("./serve"));
app.use(`${env.BASE_PATH}{*splat}`, (_req:Request, res: response) => {
  response.sendFile("./serve/index.html")
});

// env.BASE_PATH is either / or /subpath
app.use(env.BASE_PATH, express.static("./serve"));
app.use(`${env.BASE_PATH}{*splat}`, (_req:Request, res: response) => {
  response.sendFile("./serve/index.html")
});

Vite

export default defineProject({
  base: "./" // Also tried "", "/" in combination with the router & separately
  ...
});

export default defineProject({
  base: "./" // Also tried "", "/" in combination with the router & separately
  ...
});

Router

const router = createRouter({
  basepath: "", // Also tried "./", "/" in combination with vite & separately
  ...
});

const router = createRouter({
  basepath: "", // Also tried "./", "/" in combination with vite & separately
  ...
});

Any help is appreciated, i dont want to hardcode the subpath into the router if i can avoid it!

Using router in a dynamic subpath, recieving page not found

Similar Threads

Using router in a dynamic subpath, recieving page not found

Similar Threads

Similar Threads

Similar Threads