Firebase Hosting 头配置:缓存、安全、CORS
firebase.json 的 headers 块管缓存 TTL、安全策略和 CORS。给出一份既快又安全的最小配置,和那些会让你付出代价的写法。
带有该标签的文章
firebase.json 的 headers 块管缓存 TTL、安全策略和 CORS。给出一份既快又安全的最小配置,和那些会让你付出代价的写法。
Edge Functions PPT 上很漂亮,但大多数内容站根本不需要。本文讲清 Edge 真正能赢的场景、Node serverless 更合适的情况、以及静态才是答案的时候。
ISR 听起来时髦、SSG 听起来老派,但内容站做选择就看具体数字:构建时间、新鲜度、函数成本、回滚复杂度。
从 Turborepo monorepo 把内容站部到 Vercel,大部分是配置不是魔法。本文给你能跑的根目录配置、ignoreCommand 和共享包接线方式。
Vercel / Cloudflare Pages 等都有体积上限——一个大依赖足以爆掉。
本地 npm i 拿到新依赖,CF Pages 还在用旧的——node_modules 缓存粘住了。
Astro 静态站点部署到 Firebase Hosting 的完整步骤,附 2026 年常见坑的配置规避方案。
2026 年版的 Firebase Hosting 静态站部署教程:从 Astro / Vite / 纯 HTML 到带 HTTPS + 自定义域名 + 缓存策略,10 分钟搞定。
部署完用户还看到旧页?用这份 firebase.json 缓存头配置 + curl 诊断 + 回滚流程,几秒内把陈旧内容刷掉。
从 Firebase 控制台加域名,到 DNS 记录、dig 验证命令、SSL 自动签发,本文给出确切配置和最常见失败原因。
2026 年 Firebase Spark 免费档:10 GB 存储 + 每日 360 MB 流量。用页面重量公式、预算配置和资源审计判断你是否够用。
2026 年 Firebase Hosting 上线前的 10 项检查清单——涵盖域名、SSL、缓存、跳转、sitemap、Search Console、回滚演练。
Firebase Hosting 的 rewrite 能把 URL 映射到 function、Cloud Run 或 SPA。本文讲清楚四种真正合理的用法,以及每种的隐藏陷阱。
本地能开、部到 Firebase Hosting 就 404,用这套诊断流程加上 firebase.json 片段和 curl 命令快速定位原因。
Vercel 因 Next.js 出名,但做 Astro 内容站也很好。用这套 vercel.json 配置、图片设置和流量公式判断该不该选。
Vercel build 挂掉几乎都是 6 类原因之一。按日志匹配类别,直接粘贴对应修复。
2026 年 Vercel 内容站上线前的 10 项检查——Astro / Next.js 设置、自定义域名、环境变量、sitemap、canonical、分析、回滚。
把自定义域名指到 Vercel——附确切 DNS 记录、dig + curl 验证、Cloudflare 前置而不破坏 SSL 的配置。
把 Astro 站部到 Vercel——附 astro.config.mjs、vercel.json、CLI 命令、SSL 验证一条龙。
Vercel Hobby 个人非商业免费、Pro 每席位每月 $20。用这份额度表、项目盘点脚本和预算配置决定要不要升。
Firebase Hosting 是 Google 静态 + 边缘 CDN 服务。本文给出心智模型、基础 firebase.json 配置、零到上线的命令。
Vercel 是框架原生平台——Next.js / Astro / SvelteKit 一等公民。给出心智模型、示例 vercel.json、5 分钟上线流程。
什么时候买域名——含决策规则、WHOIS / 商标查询命令、registrar 配置清单,避免昂贵的后悔。
dev 正常、线上 404——`build.format` / trailing slash / output mode 三者要对齐。
改了主域名,但 canonical 还指老的——通常是配置 + 缓存。
域名绑了几小时 SSL 还没好——通常是 DNS 或 CAA。
Vercel/Netlify 仪表盘绿勾、commit hash 也对,访客刷新还是昨天那版——多半是 service worker 抢答、CDN 没失效或中间代理缓存。本文给一条 10 分钟诊断路径。
改完 DNS 本机 dig 出新值、同事打不开、海外刷新忽新忽旧——这不是 bug 是设计。本文讲清楚 TTL 倒计时机制,并给一套提前降 TTL 把生效窗压到可控的修复路径。
本地能跑、线上 500——env 没设或前缀不对(PUBLIC_/VITE_/NEXT_PUBLIC_)。
CLI 版本、配额、firebase.json 三件事最常见。
部署到 Firebase Hosting 后首页正常,但访问 `/about` 或子页面就 404?这是 firebase.json 的 rewrites 没配好。本文按 SPA、SSG、静态多页站、Astro / Next 各场景给出修复方案。
分享到 LinkedIn / X / Slack 没图——meta 标签 / 尺寸 / 缓存。
vercel.json 或 _redirects 里配的 301 部署后没生效,多半是规则没进 build、被前面的 catch-all 拦截或 CDN 缓存旧响应。本文按命中率拆 5 类,并给 curl -I 验证步骤。
改了 robots.txt 但 Google 还在爬同一批 URL。常见原因:CDN 缓存 robots.txt 几小时;静态和动态两份 robots.txt 同时存在,静态优先;Google 还没重新拉。先做:确认 robots.txt 只有一个来源。
/rss.xml 或 /feed.xml 404——通常是端点没生成、文件名不对或宿主拦截。
/sitemap.xml 或 /sitemap-index.xml 返回 404——通常是集成没启用或 `site` 没配。
/images/foo.png 404——路径 / base / 上传步骤。
线上站打开 title 闪一下就剩白屏、HTML 在但 DOM 空——多半是 JS 抛错被吞、资源路径错或 CSP 拦了脚本。本文给一套 10 分钟定位根因的检查顺序。
/foo → /foo/ → /foo 这种链——挑一种用,并保持一致。
Build 过了线上 500——多半是 Serverless function、env vars 或 Edge runtime 问题。
Build 不结束——OOM、依赖死锁、构建超时三种典型成因。
2026 年版 Next.js 部署到 Vercel 教程——自动识别、环境变量、ISR、图片优化、App Router 注意事项,把独立开发者卡半天的几件事一次讲完。
Vercel 部署失败时不要慌——build log 里有三个关键位置告诉你真正的报错。这篇给出排查清单与最常见的 5 类失败。
都是免费起步的静态 / 全栈托管方案,Firebase Hosting 和 Vercel 在 SEO、价格、Serverless、与生态联动上各有不同。本文给你 2026 年最务实的对比。