Caching on single page application

As far as i understand. in multi page application we will handle different route on backend so different route will be cache on cloudflare and i set the ttl (this is what i do before with mpa)
But now with single page appication. on different route. without the instruction from the backend. will the browser automatically know to use the static html + js from the cloudflare cache?
Here is my backend code:

app.get('*', (req, res) => {
        const filePath = path.resolve(
            __dirname,
            '..',
            'client',
            'build',
            'index.html'
        );
        res.sendFile(filePath);
    });

app.get('*', (req, res) => {
        const filePath = path.resolve(
            __dirname,
            '..',
            'client',
            'build',
            'index.html'
        );
        res.sendFile(filePath);
    });

app.get('*', (req, res) => {
        const filePath = path.resolve(
            __dirname,
            '..',
            'client',
            'build',
            'index.html'
        );
        res.sendFile(filePath);
    });

app.get('*', (req, res) => {
        const filePath = path.resolve(
            __dirname,
            '..',
            'client',
            'build',
            'index.html'
        );
        res.sendFile(filePath);
    });

bruhOP•1/20/24, 5:14 AM

Because from my belief everytimes it's being acess. it calls to this route in the backend. so when it's going through cloudflare will it knows that it did not have to fetch again from the backend

bruhOP•1/20/24, 5:15 AM

my idea is using wild card like example.com/* in page rule to do this

bruhOP•1/20/24, 5:29 AM

which combine to only one question. Can I return the same file from the cache with different routes? Thank you in advanced!

bruhOP•1/20/24, 6:42 AM

I think i found a way to do it

Caching on single page application

Similar Threads

Similar Threads

Similar Threads