Vercel 使用 HTTP 缓存

已于 2022-06-09 11:32:21 修改
阅读量622 收藏
点赞数
分类专栏： 教程 记录 推荐 文章标签： json Vercel 缓存 cache http
于 2022-06-09 11:28:43 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lott0419/article/details/125200153
版权
本文介绍了如何在Vercel上为静态文件部署启用HTTP缓存，通过自定义响应头实现。作者意外发现Vercel允许在不使用Serverless的情况下设置HTTP响应头，从而为博客或其他静态站点开启缓存，提升性能。详细步骤和配置文件信息在Vercel官方文档中有说明。
摘要由CSDN通过智能技术生成

原文: https://blog.imlete.cn/article/Vercel-Use-HTTP-Cache.html

近期也是闲得无聊，就翻一翻Vercel文档，于是我发现，它居然能自定义设置响应头(静态文件部署居然可以)

在我个人的角度，我以为只有使用 ServerLess 才能用 http 的响应对象指定响应头信息，没想到 Vercel 居然可以直接通过vercel.json文件指定配置

那我部署的博客(或其它静态站点)岂不是可以启动 http 缓存了？

Vercel 文档: https://vercel.com/docs/project-configuration#project-configuration/headers

以下是本站的使用的vercel.json文件信息(缓存开启了 1 天)

{
   
  "headers":
最低0.47元/天 解锁文章
Lete乐特
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vercel 自动化部署项目和跨域问题
qq_40890601的博客
10-14 3545
我使用的脚手架是Vue CLI ，过程中都很简单，出错的是跨域问题，在本地webpack反向代理，但部署到vercel后没有转发请求，还需要我们自己设置一番。 vercel 真的太好用了，一键自动化部署，步骤超级超级简单。 我把跟着coderwhy敲的项目部署上去了：https://my-bms.vercel.app/login 在使用vercel 要注意这几个问题， 1、注意vercel 默认的打包路径是dist，如果你更改了outputDir， 要记得在vercel 项目setting里重写，否则会出错
Vercel 配置服务端代理
皮蛋很白的博客
01-08 7492
解决问题 Vercel 是一个用于静态站点和无服务器功能的云平台，非常适合您的工作流。它使开发人员能够托管即时部署、自动扩展、无需监督、无需配置的网站和web服务。 Vercel 部署的站点是 HTTPS 协议的。 默认部署一个静态web服务时，下面两个场景会发生问题： 请求了跨域资源，开发阶段配置了代理，但是 Vercel 部署默认不会配置 请求的是 HTTP 协议的资源，Vercel 部署的站点是 HTTPS 协议的，所以浏览器会阻止 可以通过配置 Vercel 服务端代理来解决。 Vercel 配
探索 Vercel 的 SWR：即时数据加载的新里程碑
最新发布
gitblog_00094的博客
04-18 431
探索 Vercel 的 SWR：即时数据加载的新里程碑 项目地址:https://gitcode.com/vercel/swr-site SWR 是由 Vercel 团队开发的一个开源库，专为现代 web 应用提供高效的客户端数据预取和缓存策略。项目链接：https://gitcode.com/vercel/swr-site?utm_source=artical_gitcode。 项目简介 SWR...
vercel + cloudflare 部署网站,报错: ERR_TOO_MANY_REDIRECTS
03-06 1150
部署网站过程中踩到的一些坑
vercel和netlify部署代码并解决接口代理转发的问题(和Nginx功能一样)
动感超人的博客
03-06 2074
vercel和netlify部署代码并解决接口代理转发的问题(和Nginx功能一样)
如何使用Vercel部署自己的网站
weixin_48622654的博客
06-28 7034
使用Vercel 注册Vercel 首先需要去Vercel官网注册账号，推荐使用GitHub账号授权登录 注意，我在注册账号时遇到一个问题，认证会不通过： 接着我尝试了以下操作我转到https://github.com/apps/vercel并单击安装。 然后我被重定向到一个页面https://vercel.com/说安装已批准 但是对我来说并么有什么用！！！！！最后我换了个邮箱注册了GitHub就登录成功了！！！ 登录后可以直接 Import Git仓库地址，也可以直接发布本地项目 我主要来讲述
搭建个人网站（2）：Github和Vercel建站以及配置DNS
Ahrisy的博客
08-20 1万+
My Blog: 搭建个人网站（2）：Github和Vercel建站以及配置DNS 在购买好自定义域名之后，下一步就是去找个服务器来放置我们的网站了，但国内服务器要备案，国外的服务器又贵，既不想备案又不想花钱的话，那 GitHub Pages 是个不错的选择。 但GitHub的问题在于国内访问速度很慢，如果主要是面向国内的话建议使用 Vercel （原本叫Zeit）。Github Pages的教程已经够多了，但Vercel的教程很少，所以这里主要讲如何用 GitHub + Vercel配置个人网站。 W.
vercel-builder：用于Nuxt.js的Vercel Builder
02-05
如果您使用的是Vercel，并且需要SSR呈现，则@nuxtjs/vercel-builder是发布快速，可生产可自动缩放的的理想方法。 如果不需要SSR呈现，请考虑部署静态生成的Nuxt.js应用程序。 有关更多信息，请参见。 您也可以上...
shrtn:使用Airtable和Vercel的简单链接缩短器
05-17
迪诺版 这是Shrtn的Node.js版本。 在上查看Deno版本。...Vercel帐户+ GitHub集成 可选（出于开发目的） Node.js 纱线（可选） 用法 一键式部署 将Shrtn Airtable基本模板复制到您的工作区 生成您的Airtable
vercel2
03-10
8. **性能优化**：Vercel2的全球边缘网络（Edge Network）能缓存和快速分发内容，减少延迟，提高用户访问速度，这对纯HTML站点的用户体验至关重要。 9. **安全措施**：Vercel2提供了HTTPS支持，确保数据传输的安全...
使用Vercel搭建Hexo博客
Yetta Daisy的博客
11-15 1191
本文同步发布于个人博客 前言 也许你想拥有一套自己的博客，方便面试的时候想展示自我，或者想记录自己的生活，但是一直没有找到合适的平台。 也许你有一些自己的小玩意想部署到服务器，但是服务器有有点小贵，打工人又舍不得。 那么 Vercel平台可能是你不错的选择，免费且访问速度快，支持自定义域名！ 本文的主要目的是帮助想拥有自己的博客的朋友，提供一套完整的博客搭建方案。 介绍 Vercel Vercel提供了一个云平台，可以优化整个项目开发和部署体验，它有很强大的功能值得去探索，个人使用是免费的，提供了域名.
vercel使用指北
吞石鱼的博客
04-22 1万+
关于icloud内储存在碎片文件导致的<finder访达卡死现象> 问题描述： 每次开机后finder卡死。任何icloud同步的文件的位置移动都会导致finder卡死或崩溃。 问题定位：icloud云盘启动。并且开启了与某个文件的关联(如桌面与文稿，假设是桌面，下面以桌面描述)。并且你的左面存在大量碎片文件，如前端工程文件内的node_modules。 问题解决： #1 首先建议你对...
Vercel 部署静态页面教程
m0_61307402的博客
11-06 1654
导入需要部署的项目，我这里推荐直接通过git链接导入。如果静态页面还未上传，请记得创建一个仓库，然后上传。对不对，如果不对的话会提示你域名的 DNS 应该如何配置，按照。注册登陆都应该会把，这里建议使用github注册。自动打包部署，这里会授权登录一下。返回主页后，可以看到自己的项目。当选择修改成自己的域名名称后，关联起来，以便代码更新之后，出现这个页面，就表示部署成功。点击项目里的 domains。注册成功后进入页面，点击。输入自己的域名,然后添加。注意：这里的地址是项目。
使用vercel来部署网易云网站（后端接口+前端页面）
SoSalty的博客
04-30 5880
后端接口搭建： 1.GitHub搜索网易云api接口：NeteaseCloudMusicApi 2.点击第一个： 3.进入之后点击fork，将项目保存： 4.回到主页，可以发现此项目已经成功保存： 5.搜索vercel进入其官网，使用GitHub登录好后点击new project： 6.找到刚刚保存的项目，点击import： 7.填写好项目名字，点击deploy，等待创建 8.创建成功，出现如下： 8.点击左边的窗口进入文档，这个URL地址就是我们发请...
ChatGPT-Next-Web：Vercel 和 Cloudflare 的快速部署
热门推荐
hinker的专栏
04-03 1万+
本文介绍了如何将 ChatGPT-Next-Web 部署到 Vercel 并在 Cloudflare 上加速，使用 SSL、CDN 和缓存等功能。ChatGPT Next Web是一个免费的一键部署私人ChatGPT网页应用程序，具有精心设计的UI、响应式设计和支持深色、浅色两种主题等功能。它还提供了海量内置提示列表（开发中）、自动压缩聊天记录以及一键以Markdown格式导出聊天记录等特性。用户可以使用OpenAI API Key开始部署，并可选择绑定自定义域名。
教你如何使用vercel服务免费部署前端项目和serverless api
上下求索
01-04 1万+
一、介绍一下vercel vercel 是一个站点托管平台，提供CDN加速，同类的平台有Netlify 和 Github Pages，相比之下，vercel 国内的访问速度更快，并且提供Production环境和development环境，对于项目开发非常的有用的，并且支持持续集成，一次push或者一次PR会自动化构建发布，发布在development环境，都会生成不一样的链接可供预览。 但是vercel只是针对个人用户免费，teams是收费的 首先vercel零配置部署，第二访问速度比github-
vercel可以解析php吗,Vercel ，开箱即用的网站管理小工具
weixin_30289299的博客
03-10 3361
也许你想要有一个自己的独立博客，已经写了很多文章却对网站部署一筹莫展；也许你喜欢自己编写 Python 服务，却不愿意为了这一两个小脚本而斥资购买云服务器；也许，你拥有属于你自己的域名，但是每次查看、配置 DNS 却必须忍受域名商提供的繁琐而复杂的后台管理系统。这些小事儿，Vercel 都可以帮你搞定。注册与安装如果你曾听说过 ZEIT Now，是的，它是 Vercel 的前身。在今年早些时候，Z...
Vercel 的一些其它配置
皮蛋很白的博客
07-08 3071
修改监听的 Git 分支 默认情况下，推送到 main 分支（或 master）的每个提交都会触发生产部署。 可以找到项目 -> Settings -> Git -> Production Branch 修改 BRANCH NAME。 分支修改后不会重新启动部署，还需要重新向修改后的分支推送内容，才会触发。 修改 install 命令 Vercel 默认执行 install 命令是 yarn install or npm install，也就是优先使用 Yarn。 如果想指定 npm 或
怎么使用Vercel部署服务
06-12
使用Vercel部署服务非常简单，只需要按照以下步骤： 1. 在Vercel官网上注册一个账号。 2. 在Vercel上创建一个新的项目，并将您的代码上传到该项目中。您可以使用Vercel的Git集成或手动上传代码。 3. 配置您的项目的设置，包括环境变量、部署选项等。 4. 点击“部署”按钮，Vercel将自动构建、部署和启动您的应用程序。 5. 一旦部署完成，您的应用程序将在全球各地的CDN上提供服务，并受到Vercel的自动扩展和负载平衡支持。 通过这些简单的步骤，您可以快速、轻松地将您的应用程序部署到Vercel上，让您专注于开发和创新，而不用担心基础设施的问题。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值