vercel跨域解决
时间: 2023-08-29 11:11:05 浏览: 576
在 Vercel 上解决跨域问题可以通过配置服务器端设置 CORS(跨域资源共享)头来实现。以下是一种常见的解决方法:
1. 创建一个名为 `vercel.json` 的文件,并将以下代码复制到文件中:
```json
{
"headers": [
{
"source": "/(.*)",
"headers": [
{
"key": "Access-Control-Allow-Origin",
"value": "*"
},
{
"key": "Access-Control-Allow-Methods",
"value": "GET,OPTIONS,PATCH,DELETE,POST,PUT"
},
{
"key": "Access-Control-Allow-Headers",
"value": "Content-Type,Authorization"
}
]
}
]
}
```
2. 将 `vercel.json` 文件添加到项目的根目录中。
3. 部署你的项目到 Vercel。
这样配置后,Vercel 会自动将指定的 CORS 头部添加到每个响应中,允许跨域访问。请注意,这将允许来自任何域的请求,这可能会带来安全风险。如果你只想允许特定的域访问你的 API,可以将 `"value": "*"` 替换为你希望允许访问的域名。
阅读全文