JS跨域设置请求头的方法有以下几种：CORS、JSONP、代理服务器、Nginx反向代理。我们以CORS为例进行详细描述，CORS（跨域资源共享）是一种机制，它使用额外的HTTP头来告诉浏览器允许来自其他域的应用访问其资源。
一、CORS
CORS，全称为跨域资源共享，是现代浏览器支持的一种跨域请求方式。它允许服务器配置特定的请求头，来控制哪些资源可以被跨域访问。
1、配置服务器端
要实现CORS，首先需要在服务器端进行配置。以Node.js和Express为例：
const express = require('express');
const app = express();
// 设置CORS中间件
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: 'This is CORS-enabled for all origins!' });
});
app.listen(3000, () => {
console.log('Server running on port 3000');
});
2、前端请求
在前端，使用fetch API来发起请求：
fetch('http://localhost:3000/data')
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.error('Error:', error));
3、详细解释
Access-Control-Allow-Origin：这个头指定哪些域可以访问资源。使用“*”表示允许所有域访问。如果你希望只允许特定域访问，可以指定具体的域名。
Access-Control-Allow-Headers：这个头指定哪些HTTP头可以在实际请求中使用。浏览器会根据这个头来决定是否允许实际请求中的头部信息。
二、JSONP
JSONP（JSON with Padding）是一种跨域请求数据的方法，主要用于GET请求。它通过在客户端动态生成一个