https://vercel.com/guides/how-to-enable-cors
next.config.js文件
module.exports = {
async headers() {
return [
{
// matching all API routes
source: "/api/:path*",
headers: [
{ key: "Access-Control-Allow-Credentials", value: "true" },
{ key: "Access-Control-Allow-Origin", value: "*" },
{ key: "Access-Control-Allow-Methods", value: "GET,OPTIONS,PATCH,DELETE,POST,PUT" },
{ key: "Access-Control-Allow-Headers", value: "X-CSRF-Token, X-Requested-With, Accept, Accept-Version, Content-Length, Content-MD5, Content-Type, Date, X-Api-Version" },
]
}
]
}
};
CORS配置, API路由, 跨域访问, 请求头设置, 安全策略
学习如何在Vercel上启用CORS,通过配置next.config.js文件,设置API路由的访问控制头,确保跨域请求的安全性和兼容性。