Force trailing slash

Expected behavior

I want my front-ends to strictly end with a slash - otherwise their contents fail to load. (browser reads /app - while contents reside in e.g. /app/main.js and the browser tries to load from /main.js instead. Which is wrong.

I tried to use the express-slash plugin, but to no success. I suppose this only works when there are already routers are set up, but in this case, proxy works differently maybe.

Actual behavior

always add a trailing slash when using express-slash.

Setup

• http-proxy-middleware: 0.18.0
• server: express: 4.16.3
• express-slash: 2.0.1

proxy middleware configuration

const proxy = require('http-proxy-middleware')
const express = require('express')
const slash = require('express-slash')
    let app = express()
    app.use(
        '/app/',
        proxy(
            {
                pathRewrite: { '^/app' : '' },
                target: 'http://localhost:1881',
            }
        )
    )
    app.enable('strict routing')
    app.use(slash())
    app.listen(80)

[MartinMuzatko]

That is again not true. If my app loads from localhost/app, and the html loads<script src="main.js"> from where do you think will the browser attempt to load the file? From localhost/main.js or localhost/app/main.js?

Without a slash at the end, the browser wants to load from the location where the last slash occured. I think there is no other way to rewriting this other than putting a slash at the end.

Now i want to write my apps independent without knowledge of the paths. Is there a way to do it?

[michalhainc]

I could do it as well I believe…