大家好,如果可以的话,我需要一些帮助——
我在本地开发了一个网页和一个Express服务器。在我的笔记本电脑上使用触摸屏时一切正常。问题在于,当我运行在线服务器并通过手机访问网页时,似乎服务器请求没有发生。我已经为我的设备IP添加了CORS源,并配置了事件监听器以处理触摸事件。是不是还有什么我没有注意到的地方?
服务器代码:
const express = require('express');
const app = express();
const cors = require('cors');
const PORT = 4001;
app.use(cors({ origin: ['vscode IP地址及端口', '我的手机IP地址'] }));
app.get('/test', (req, res, next) => {
res.send({ test: 'testing' });
});
app.listen(PORT, (req, res, next) => {
console.log(`正在运行于端口:${PORT}`);
})
JavaScript代码:
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;
});
非常感谢任何帮助!
这只是在我将其实际应用于项目之前的一个测试。
网页上有一个按钮,点击后会显示响应中的对象值。
在运行该服务器的笔记本电脑上一切都很好,但在手机上无法正常工作。