【Ajax】笔记-设置CORS响应头实现跨域
在服务器上设置CORS(Cross-Origin Resource Sharing)响应头允许跨域请求,以下是一个示例代码,展示如何在Node.js的Express框架中设置CORS响应头:
const express = require('express');
const app = express();
// 设置CORS响应头
app.use((req, res, next) => {
res.header('Access-Control-Allow-Origin', '*'); // 允许任何源访问
res.header('Access-Control-Allow-Methods', 'GET, POST, OPTIONS'); // 允许的HTTP方法
res.header('Access-Control-Allow-Headers', 'Origin, X-Requested-With, Content-Type, Accept'); // 允许的HTTP请求头
next();
});
// 示例路由
app.get('/api/data', (req, res) => {
res.json({ message: 'This is CORS-enabled data.' });
});
app.listen(3000, () => {
console.log('Server is running on port 3000');
});
在这个例子中,我们使用Express的中间件来设置CORS头部。Access-Control-Allow-Origin
设置为*
表示允许任何源进行跨域请求,你也可以将其设置为特定的域名以增强安全性。其他的方法和请求头也需要根据实际需求进行配置。这样,你的Express应用就可以处理来自不同源的Ajax请求了。
评论已关闭