vue项目中禁用浏览器缓存配置案例

作者:多纤果冻 时间:2024-06-07 16:01:26 

项目发布版本会遇到经常需要清理缓存的问题,以下是项目禁用缓存的实际方法

1.public文件夹中修改 index.html文件meta配置

vue项目中禁用浏览器缓存配置案例


   <meta http-equiv="pragram" content="no-cache" />
   <meta http-equiv="cache-control" content="no-cache, no-store, must-revalidate" />
   <meta http-equiv="expires" content="0" />

2.vue cli 构建配置(针对vue3以下版本)

在vue.config.js新增配置


const Timestamp = new Date().getTime()
module.exports = {
 configureWebpack: {
   output: { // 输出重构  打包编译后的 文件名称  【模块名称.版本号(可选).时间戳】
     filename: `[name].${Timestamp}.js`,
     chunkFilename: `[name].${Timestamp}.js`
   },
 },
 css: {
   extract: { // 打包后css文件名称添加时间戳
     filename: `css/[name].${Timestamp}.css`,
     chunkFilename: `css/[name].${Timestamp}.css`
   }
 },
}

3.Nginx配置

禁用掉nginx缓存,让浏览器每次到服务器去请求文件,而不是在浏览器中读取缓存文件。

当程序调试好上线后,可以开启nginx缓存,节省服务器的带宽流量,减少一些请求,降低服务器的压力。

vue项目中禁用浏览器缓存配置案例

在nginx.conf文件里配置html文件默认加header 不缓存配置

以下实际项目中nginx缓存配置


 location ~ .*\.(?:htm|html)$ {
   add_header Cache-Control "private, no-store, no-cache, must-revalidate, proxy-revalidate";
 }

Nginx静态资源缓存设置 https://www.aspxhome.com/article/222620.htm

来源:https://blog.csdn.net/qq_37939251/article/details/117601812

标签:vue,浏览器,缓存
0
投稿

猜你喜欢

  • 浅谈Go语言的error类型

    2024-05-10 13:57:58
  • python学生管理系统的实现

    2021-08-30 09:08:25
  • JavaScript判断前缀、后缀是否是空格的方法

    2024-04-22 22:38:04
  • Mootools 1.2教程(19)——Tooltips

    2008-12-25 13:26:00
  • python mysql实现学生成绩管理系统

    2024-01-25 09:28:12
  • Go语言学习之循环语句使用详解

    2024-02-03 22:28:17
  • SqlServer 2005 T-SQL Query 学习笔记(1)

    2024-01-25 17:01:56
  • js版sliderBar(滑动条)控件

    2008-10-18 15:59:00
  • 解决pytorch 交叉熵损失输出为负数的问题

    2022-04-29 10:17:33
  • 第一类工厂与哈希对象

    2009-12-28 13:14:00
  • 详解Mysql数据库平滑扩容解决高并发和大数据量问题

    2024-01-19 12:52:13
  • vue后台管理添加多语言功能的实现示例

    2024-04-29 13:08:22
  • php验证码的制作思路和实现方法

    2023-09-04 13:23:37
  • python实现dnspod自动更新dns解析的方法

    2021-10-24 14:19:47
  • 如何利用Python 快速找到最大文件

    2021-08-06 23:22:47
  • MySQL 1130异常,无法远程登录解决方案详解

    2024-01-28 11:51:21
  • windows下Idea使用git clone failed. Could not read from remote repository.

    2022-06-17 03:13:05
  • python多重继承实例

    2022-02-06 12:12:34
  • BeautifulSoup获取指定class样式的div的实现

    2023-05-10 20:39:14
  • python完成FizzBuzzWhizz问题(拉勾网面试题)示例

    2022-01-31 14:41:11
  • asp之家 网络编程 m.aspxhome.com