当前位置: 首页 > news >正文

nignx如何部署让前端不用清缓存就可以部署

在Nginx中,可以使用以下方法来部署前端应用程序,使前端用户无需清空缓存即可进行部署:

1、使用版本号:在前端应用程序的构建过程中,可以添加一个独特的版本号到应用程序的名称中。每次部署时,将版本号更新为不同的值。在Nginx的配置中,可以根据版本号来设置缓存控制。

例如,使用以下配置:

location / {    
add_header Cache-Control "max-age=0, no-cache, no-store, must-revalidate";    
add_header Pragma "no-cache";    
add_header Expires "0";
}

上述配置将强制浏览器不缓存任何内容,从而确保每次请求都从服务器获取最新的应用程序版本。

2、使用索引文件:在Nginx中,可以配置一个索引文件,例如index.html,该文件包含一个到应用程序的入口点。在每次部署时,更新该索引文件的内容,以便其包含最新版本的应用程序。

在Nginx的配置中,可以添加以下块来处理该索引文件:

location / {   try_files $uri $uri/ /index.html;
}

上述配置将首先尝试找到与请求URI匹配的文件或目录,如果不存在,则返回index.html文件作为默认索引。这样,即使应用程序进行了更新,用户仍然可以通过访问index.html来获取最新的应用程序版本。

3、使用服务器端刷新:在前端应用程序中,可以使用服务器端刷新的方法来强制浏览器加载新版本的应用程序。例如,可以在应用程序的构建过程中生成一个唯一的标识符,并将其包含在应用程序的URL中。

在Nginx的配置中,可以使用以下块来处理该URL:

location / {   if ($query_string !~ ^[0-9a-zA-Z-]+=) {      rewrite ^/(.*)$ /index.html?$1 last;   }}

上述配置将检查查询字符串中是否包含唯一的标识符。如果没有,则重写请求并将查询字符串附加到index.html后面。这样,当用户访问应用程序时,浏览器将加载带有新查询字符串的index.html文件,从而获取新版本的应用程序。请注意,这些方法只是减少用户需要清空缓存的频率,而不是完全避免缓存。在某些情况下,用户可能需要手动清空缓存以确保获取最新的应用程序版本。

http://www.lryc.cn/news/185884.html

相关文章:

  • CSS3实现动画加载效果
  • springboot定时任务Scheduled使用和弊端分析
  • openGauss学习笔记-93 openGauss 数据库管理-访问外部数据库-oracle_fdw
  • 【Git】Git下载安装环境配置 下载速度慢的解决方案
  • 常见源协议介绍
  • 大数据概述(林子雨慕课课程)
  • ES6 class类关键字super
  • C++并发与多线程(4) | 传递临时对象作为线程参数的一些问题Ⅰ
  • CentOS Integration SIG 正式成立
  • 智能AI系统源码ChatGPT系统源码+详细搭建部署教程+AI绘画系统+已支持OpenAI GPT全模型+国内AI全模型
  • 软考程序员考试大纲(2023)
  • 【重拾C语言】七、指针(一)指针与变量、指针操作、指向指针的指针
  • Kafka源码简要分析
  • react 按住ctrl键,点击时会出现菜单的问题修复
  • 【虚拟机栈】
  • Linux系列讲解 —— 【fsck】检查并修复Linux文件系统
  • gitlab突然提示我要输入密码了。
  • 业务测试常见问题(一)
  • IntelliJ IDEA失焦自动重启服务的解决方法
  • 终端准入控制系统,保障企业内网安全的关键防线
  • mysql-执行计划
  • 金蝶云星空和旺店通·企业奇门接口打通对接实战
  • 在服务器上使用nginx改变前端项目请求的url
  • 【学习笔记】莫比乌斯反演
  • 一款构建Python命令行应用的开源库
  • 10-Node.js模块化
  • 数字IC前端学习笔记:数字乘法器的优化设计(Dadda Tree乘法器)
  • 计算机专业毕业设计项目推荐14-文档编辑平台(SpringBoot+Vue+Mysql)
  • 【读书后台管理系统】—后端框架搭建(二)
  • 【DLoopDetector(C++)】DBow2词袋模型loop close学习