vercel优化冷知识
259 字
1 分钟
vercel优化冷知识
引言
本文基于博主 Upxuu 什么?你的vercel还没深绿?一文研究透vercel优选|缓存配置这期文章写成。
ip优选
Vercel官方支持ip优选,并维维护了一条中国优化的 CNAME
cname-china.vercel-dns.com只需替换为此cname,既可完成优选。
地区优选
Vercel默认的函数的运行区域是美国东部,更改很简单只需 进入已部署的项目 → Settings → Functions → Functions Region 然后取消勾选美国东部,勾选香港,日本,新加坡等亚太地区,这里有一个坑免费计划只能选一个地区。
CDN缓存配置
Vercel 默认情况下,你的主 HTML 根本命中不了缓存。vercel.json中可以配置。
我的vercel.json
{ "buildCommand": "pnpm run build", "outputDirectory": "dist", "installCommand": "pnpm install", "framework": "astro", "headers": [ { "source": "/(.*)", "headers": [ { "key": "X-Content-Type-Options", "value": "nosniff" }, { "key": "X-Frame-Options", "value": "SAMEORIGIN" }, { "key": "X-XSS-Protection", "value": "1; mode=block" }, { "key": "Referrer-Policy", "value": "strict-origin-when-cross-origin" }, { "key": "Cache-Control", "value": "public, max-age=0, s-maxage=31536000, must-revalidate" } ] }, { "source": "/_astro/(.*)", "headers": [ { "key": "Cache-Control", "value": "public, max-age=31536000, immutable" } ] } ]}文章分享
如果这篇文章对你有帮助,欢迎分享给更多人!
相关文章智能推荐
1
headless Chrome 截图 WebGL 黑块问题排查
运维友链截图工具在 headless Chrome 下遇到 Spline/Live2D 站点渲染失败、出现带报错信息的黑块,通过启用 swiftshader 软件渲染解决。
2
Vercel 部署后全站 404 排查记
Vercel,部署博客部署到 Vercel 后所有 HTML 页面都返回 404,静态资源却正常。本文记录了从现象、链路分析到定位根因(Vercel CLI cleanUrls 冲突与 l2s 上传 bug)的全过程,以及最终通过固定 CLI 版本解决的方案。
3
怎么用Netlify反代
反向代理2026-08-05
4
留言页的群聊风格改造
博客搭建把传统评论区改成即时通讯风格的聊天界面,聊聊这个改造过程中的思路和实现。
5
这个博客的朋友圈是怎么做的
博客搭建一篇关于博客朋友圈功能的实现思路分享,从 RSS 抓取到前端展示,聊聊背后的设计。
随机文章随机推荐













