Make the whole payloadcms backend use /backend as path

Hello guys,

I'm trying to make PayloadCMS use

as the main subpath, for example, If I want to access the api, instead of

it should be on

. The same for the admin panel, instead of

it should be on

.

I tried to edit the payloadcms server.ts with no success, here's what I did

import express from 'express';
import payload from 'payload';

require('dotenv').config();
const app = express();

// Custom middleware function
const backendPrefixMiddleware = (req, res, next) => {
  if (req.path.startsWith('/backend')) {
    req.url = req.url.replace('/backend', '');
  }
  next();
};

// Redirect root to Admin panel
app.get('/', (_, res) => {
  res.redirect('/backend/admin');
});

// Initialize Payload
payload.init({
  secret: process.env.PAYLOAD_SECRET,
  mongoURL: process.env.MONGODB_URI,
  express: app,
  onInit: () => {
    payload.logger.info(`Payload Admin URL: ${payload.getAdminURL()}`)
  },
})

// Add your own express routes here

// Use the middleware
app.use(backendPrefixMiddleware);

app.listen(3001);

The page

works with response 200ok, but I only see the background color of the page and nothing else. It seems like the payload is still making requests without appending

before the path (for example making a request to

).

Is it possible to achieve what I've described? Thanks!

I solved it, [here is the documentation](

) that helped me.

Basically I was looking in the wrong place, instead of editing the

, I had to go into

and add this in the

routes: {
    admin: '/backend/admin',
    api: '/backend/api',
  },

Payload is truly amazing.