在处理不同域名的CORS(跨域资源共享)问题时,可以通过在服务器端设置响应头来解决。以下是一个示例的解决方法,使用Node.js和Express框架:
npm install express cors
const express = require('express');
const cors = require('cors');
const app = express();
app.use(cors());
const allowedOrigins = ['http://example1.com', 'http://example2.com'];
app.use(cors({
origin: function (origin, callback) {
// 检查来源是否在允许的列表中
if (!origin) return callback(null, true);
if (allowedOrigins.indexOf(origin) === -1) {
const msg = 'The CORS policy for this site does not allow access from the specified origin.';
return callback(new Error(msg), false);
}
return callback(null, true);
}
}));
在上述示例中,allowedOrigins
数组列出了允许访问资源的域名列表,origin
参数是请求的来源域名。如果来源域名不在允许的列表中,将返回一个错误。
app.use(cors({
origin: function (origin, callback) { ... },
methods: 'GET,HEAD,PUT,PATCH,POST,DELETE',
preflightContinue: false,
optionsSuccessStatus: 204
}));
可以根据需要设置其他CORS选项,如允许的HTTP方法、是否继续处理预检请求等。
通过以上步骤,你的Express应用现在已经启用了CORS,并限制了允许访问资源的域名。当其他域名的请求发送到你的应用时,服务器将在响应头中包含正确的CORS信息,以便浏览器允许跨域访问。
上一篇:不同域名cookie共享