Firebase Hosting 头配置:缓存、安全、CORS
firebase.json 的 headers 块管缓存 TTL、安全策略和 CORS。直接抄一份既快又安全的最小配置,跳过那些会默默搞坏整站的写法。
带有该标签的文章
firebase.json 的 headers 块管缓存 TTL、安全策略和 CORS。直接抄一份既快又安全的最小配置,跳过那些会默默搞坏整站的写法。
2025 年 Vercel 把 Edge 改了名,Fluid compute 又干掉了大部分冷启动。本文讲清 2026 年 6 月这套体系下,Edge 运行时在内容站还能赢的场景、什么时候该用 Node 函数、以及静态为什么常常胜过两者——附最新限制和延迟数字。
内容站在 Vercel 上该用 ISR 还是纯 SSG?从构建时间、新鲜度、函数成本、回滚四个维度讲清取舍,附 2026 年最新 Vercel 限额和可直接抄的配置。
从 Turborepo monorepo 把内容站部到 Vercel 的精确配置:每个 app 单独的 Root Directory、turbo build、带 --fallback 的 turbo-ignore,以及不发布也能用的共享包。2026 年 6 月核实。
Vercel、Cloudflare、Netlify 都对 function 和静态资源有体积上限。找出膨胀的依赖、砍掉它,再加一道 CI 守门,让它不再复发。
升级依赖后 CF Pages 还在发旧版本,因为它复用了陈旧的依赖缓存。提交 lockfile、清缓存、锁 Node。
把静态 Astro 站点正确部署到 Firebase Hosting:firebase.json 配置、缓存头、干净 URL,以及那个会让你 404 失效的 SPA rewrite 陷阱。
把静态站(Astro / Vite / Hugo / 纯 HTML)10 分钟部署到 Firebase Hosting:免费 SSL、自定义域名、缓存策略,外加 macOS 上 5000 端口冲突的解法。2026 年 6 月核实。
部署完用户还看到旧页?用这份 firebase.json 缓存头配置 + curl 诊断 + 正确的回滚命令(2026 年 6 月已验证)几秒搞定。
把域名指向 Firebase Hosting:确切的 TXT、A、AAAA 记录与 dig 验证命令,外加 Needs setup 死循环和 SSL 卡住的修法。
Firebase Spark 免费档:10 GB 存储 + 每月 10 GB 流量(外加每天 360 MB 软上限)。用页面重量公式、真实 Blaze 单价和预算配置判断你是否够用。
一份可复现的 Firebase Hosting 上线前 10 步清单(2026 年 6 月):firebase.json、自定义域名 DNS、SSL 签发时长、缓存头、跳转、sitemap、以及演练过的回滚。
Firebase Hosting 的 rewrite 能把 URL 映射到 Cloud Function、Cloud Run 或 SPA。截至 2026 年 6 月真正能用的三种模式、新的 functionId 写法,以及每种的隐藏陷阱。
本地能开、部到 Firebase Hosting 就 404。用官方请求优先级顺序、firebase.json 片段和 curl 命令,十分钟定位原因。
Vercel 因 Next.js 出名,但跑 Astro 内容站也很顺。用这份 2026 年 6 月的定价算账、vercel.json 配置和图片设置来判断。
Vercel "Build failed" 几乎都是 7 类原因之一:Node 版本、缺环境变量、类型错误、依赖漂移、内存不足、输出目录错、超时。按日志匹配,直接粘贴修复。
截至 2026 年 6 月,Vercel 内容站上线前的 10 项检查——base URL、环境变量、www 与 apex 的 DNS、SSL、分析额度、sitemap、漏出的 vercel.app 扫描、即时回滚和花费上限。
把 apex + www 域名指到 Vercel——附确切的每项目 DNS 记录、dig/curl 验证、CAA 修复,以及 Cloudflare 前置又不破坏 SSL 的配置。内容更新至 2026 年 6 月。
把 Astro 站部到 Vercel——附 Astro 5 的 astro.config.mjs、Node 22 锁版本、vercel.json 缓存头、CLI 命令、DNS + SSL 验证,一条龙不绕路。
Vercel Hobby 免费但严格限个人非商业,Pro 每席位每月 $20、含 $20 用量额度。本文给出 2026 年 6 月核实过的额度表、商用判定原文和防超额的支出上限配置。
Firebase Hosting 是 Google 的静态 + 边缘 CDN。本文讲清它和新的 App Hosting 怎么选、免费额度、基础 firebase.json 和零到上线的命令。
Vercel 是框架原生平台,围绕 Next.js / Astro / SvelteKit 打造。给出心智模型、2026 年 6 月真实价格与限额、示例 vercel.json、5 分钟上线流程。
什么时候买域名才划算:一条决策规则,加 2026 年 registrar 价格、WHOIS 与商标查询、第一天就要锁定的配置,避免昂贵的后悔。
dev 正常、线上 404——多半是 build.format / trailingSlash / output 三者和宿主不对齐。给一条可照抄的修复路径。
换了新域名但页面 canonical 还指老的——修复硬编码 URL、CDN 缓存、sitemap、301 和 Search Console。
在 Vercel / Cloudflare / Netlify 加完域名后 SSL 几小时不变绿?几乎都是 DNS、CAA 记录或 HTTP-01 验证被拦。按这个顺序排查。
Vercel / Firebase / Cloudflare 都说部署成功了,访客刷新还是昨天那版。本文给出按命中率排序的 5 类原因,以及一条从客户端到 origin 的 10 分钟诊断路径。
改完 DNS,有人看到新 IP、有人还是旧的。本文讲清楚为什么地区不一致是正常现象,并给一套可量化的修复与验证路径。
本地能跑、线上 500。要么宿主没设这个变量,要么客户端前缀不对(PUBLIC_ / VITE_ / NEXT_PUBLIC_)。10 分钟内排查并修好。
修复 firebase deploy --only hosting:CLI 版本、登录过期、public 路径错、Spark 配额。
首页正常,但访问 /about 或刷新 /blog/post 就 404?几乎都是 firebase.json 的 rewrites 问题。本文给出 SPA、SSG、Astro、Next.js 的修复方案(2026 年 6 月已核实)。
分享到 LinkedIn / X / Slack 没图。几分钟内修好 meta 标签、尺寸或缓存。
vercel.json 或 _redirects 里的 301 部署后变 404 或还显示旧页面。用 curl -I 在 Vercel / Netlify / Cloudflare Pages 上逐一定位:文件位置、规则顺序、文件遮蔽、CDN 缓存、trailing slash、rewrites 与 redirects 混用。
改了 robots.txt 但 Google 还在爬同一批 URL,几乎都是缓存或重复文件的问题。本文用一条 curl 帮你定位是 CDN 缓存、Google 自己的 24 小时缓存,还是项目里有两份 robots.txt 互相覆盖。
/rss.xml 或 /feed.xml 返回 404:端点没进 build、文件名和 link 标签不一致,或宿主 rewrite 把它挡住了。针对 Astro、Next.js、Netlify、Vercel 的分栈修复。
/sitemap.xml 或 /sitemap-index.xml 返回 404,或 Search Console 显示 'Couldn't fetch'。按命中率排的 5 个原因,每个都能直接在 dist/ 验证。
图片、CSS、字体在生产环境 404,本地却正常。5 个已核实的原因和修复:没进 dist、base 路径、大小写、content hash、CDN 缓存。
线上 URL 打开后 title 闪一下就剩白屏、没有任何 UI 报错。先在打开页面前开好 DevTools,读 Console 第一条红色错误,再对照表格定位是 base path、水合、CSP、build target 还是旧 Service Worker。
/foo 308 跳到 /foo/,又 308 跳回 /foo。框架、宿主、内链三处用同一条规则即可终结跳转链,附 Astro/Vercel/Next.js 配置。
Build 全绿但线上 500。用真实的 vercel logs 命令定位 FUNCTION_INVOCATION_FAILED、env vars 缺失、Edge runtime 和超时问题。
Build 停在 Building、log 不出新行。先取消、看最后一行 log,再对症修:static generation 里没超时的 fetch、install 死锁、OOM 或 postbuild 钩子。
2026 年把 Next.js 部署到 Vercel:自动识别、环境变量、自定义域名、next/image 白名单、函数 region,以及让独立开发者卡半天的 App Router 几个坑。
Vercel 部署变红时别慌——build log 已经把真正的报错写出来了,关键是知道往哪看。三个 log 位置,加上最常见的 6 类失败和精确修复。
Firebase Hosting vs Vercel:对比免费额度、价格、Serverless,外加一条大多数教程都跳过的规则——Vercel 免费 Hobby 计划禁止商用。数据均为 2026 年 6 月核实。