JavaScript(JS)是一种广泛使用的脚本语言,主要用于网页开发,增强用户与网页的交互性。在Web应用中,JS经常需要与服务器进行通信,这时就会涉及到域名和端口的概念。
服务器端(Node.js + Express)
const express = require('express');
const app = express();
app.use((req, res, next) => {
res.header('Access-Control-Allow-Origin', '*');
res.header('Access-Control-Allow-Headers', 'Origin, X-Requested-With, Content-Type, Accept');
next();
});
app.get('/data', (req, res) => {
res.json({ message: 'Hello from server!' });
});
app.listen(3000, () => {
console.log('Server running on port 3000');
});
客户端(HTML + JS)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>CORS Test</title>
</head>
<body>
<script>
fetch('http://localhost:3000/data')
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.error('Error:', error));
</script>
</body>
</html>
领取专属 10元无门槛券
手把手带您无忧上云