Hey guys, need some help if possible-

I have a webpage and an express server. All works okay on my laptop using touchscreen. The issue is, when I run a live server and access the webpage through my phone, it seems like the server requests just don’t happen. I have added CORS origin to my devices IP and configured the event listener so it takes touch events. Is there something else I’m missing?

Server:

const express = require('express');
const app = express();
const cors = require('cors');
const PORT = 4001;

app.use(cors({ origin: ['vscode IP and port', 'MY phones IP'] }));

app.get('/test', (req, res, next) => {
    res.send({ test: 'testing' });
});

app.listen(PORT, (req, res, next) => {
    console.log(`Runnning on port: ${PORT}`);
})

JS:

const h1 = document.querySelector('#testh1');
const p = document.querySelector('p');

h1.addEventListener('touchstart', async () => {
    const response = await fetch('http://localhost:4001/test');
    const jsonResponse = await response.json();
    p.innerHTML = jsonResponse.test
});

Any help is appreciated, thanks

This is just a test before I implement into my actual project.

The webpage has a button which you click, Then it displays the object value from the response.

Works fine on my laptop where it is running but not from my phone