vue項目中禁用瀏覽器緩存配置案例
更新時間：2021年09月11日 14:39:41 作者：多纖果凍
這篇文章主要介紹了vue項目中禁用瀏覽器緩存配置案例,本篇文章通過簡要的案例,講解了該項技術(shù)的了解與使用,以下就是詳細內(nèi)容,需要的朋友可以參考下
項目發(fā)布版本會遇到經(jīng)常需要清理緩存的問題,以下是項目禁用緩存的實際方法
1.public文件夾中修改 index.html文件meta配置
<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 構(gòu)建配置(針對vue3以下版本)
在vue.config.js新增配置
const Timestamp = new Date().getTime()
module.exports = {
configureWebpack: {
output: { // 輸出重構(gòu) 打包編譯后的 文件名稱 【模塊名稱.版本號(可選).時間戳】
filename: `[name].${Timestamp}.js`,
chunkFilename: `[name].${Timestamp}.js`
},
},
css: {
extract: { // 打包后css文件名稱添加時間戳
filename: `css/[name].${Timestamp}.css`,
chunkFilename: `css/[name].${Timestamp}.css`
}
},
}
3.Nginx配置
禁用掉nginx緩存，讓瀏覽器每次到服務器去請求文件，而不是在瀏覽器中讀取緩存文件。
當程序調(diào)試好上線后,可以開啟nginx緩存,節(jié)省服務器的帶寬流量，減少一些請求，降低服務器的壓力。
在nginx.conf文件里配置html文件默認加header 不緩存配置
以下實際項目中nginx緩存配置
location ~ .*\.(?:htm|html)$ {
add_header Cache-Control "private, no-store, no-cache, must-revalidate, proxy-revalidate";
}
Nginx靜態(tài)資源緩存設(shè)置 http://www.dhdzp.com/article/222620.htm
到此這篇關(guān)于vue項目中禁用瀏覽器緩存配置案例的文章就介紹到這了,更多相關(guān)vue項目中禁用瀏覽器緩存配置內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
區(qū)分vue-router的hash和history模式
這篇文章主要介紹了區(qū)分vue-router的hash和history模式，幫助大家更好的理解和學習vue路由，感興趣的朋友可以了解下
2020-10-10 
這篇文章主要介紹了vue實現(xiàn)列表拖拽排序的功能，幫助大家更好的理解和學習vue，感興趣的朋友可以了解下
2020-11-11 
這篇文章主要給大家介紹了關(guān)于Vue實現(xiàn)模糊查詢的簡單方法,在vue中,前端模糊搜索主要是用computed屬性實現(xiàn),本文通過示例代碼介紹的非常詳細,需要的朋友可以參考下
2021-08-08 
這篇文章主要為大家詳細介紹了VUE Elemen-ui之穿梭框使用方法，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2020-09-09 
今天小編就為大家分享一篇vue單頁面應用打開新窗口顯示跳轉(zhuǎn)頁面的實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2018-09-09 
在開發(fā)基于Vue.js的應用時,隨著項目規(guī)模的擴大,單個文件的體積也會隨之增長,特別是當涉及到大量的依賴庫和復雜的業(yè)務邏輯時,本文將詳細介紹如何使用Webpack來優(yōu)化Vue項目的打包流程,需要的朋友可以參考下
2024-09-09 
vue配置代理vue.config.js后不生效的解決(小坑)
這篇文章主要介紹了vue配置代理vue.config.js后不生效的解決(小坑)，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2023-03-03 
Vue項目webpack打包部署到Tomcat刷新報404錯誤問題的解決方案
今天很郁悶，遇到這樣一個奇葩問題，使用webpack打包vue后，將打包好的文件，發(fā)布到Tomcat上，訪問成功，但是刷新后頁面報404錯誤，折騰半天才解決好，下面小編把Vue項目webpack打包部署到Tomcat刷新報404錯誤問題的解決方案分享給大家，需要的朋友一起看看吧
2018-05-05 
vue2結(jié)合echarts實現(xiàn)一個地圖的效果
這篇文章主要介紹了vue2結(jié)合echarts實現(xiàn)一個地圖的效果,本文通過實例代碼給大家介紹的非常詳細,對大家何用vue和echarts實現(xiàn)一個地圖有一定的幫助,感興趣的朋友一起看看吧
2024-03-03