vue項目 npm run build 打包項目防止瀏覽器緩存的操作方法
更新時間：2022年08月09日 11:24:56 作者：船長在船上
這篇文章主要介紹了vue項目 npm run build 打包項目防止瀏覽器緩存的操作方法,本文給大家推薦兩種方法，每種方法通過實例代碼給大家介紹的非常詳細，需要的朋友可以參考下
在vue.config.js配置
推薦方法1：
const Timestamp = new Date().getTime()
module.exports = {
......
configureWebpack: config => {
config.output.filename = `js/[name].${Timestamp}.js`
config.output.chunkFilename = `js/[name].${Timestamp}.js`
},
......
css: {
......
extract: {
filename: `css/[name].${Timestamp}.css`,
chunkFilename: `css/[name].${Timestamp}.css`
}
......
}
}
方法2：index.html頁面添加
<meta http-equiv="Expires" content="0"> <meta http-equiv="Pragma" content="no-cache"> <meta http-equiv="Cache-control" content="no-cache"> <meta http-equiv="Cache" content="no-cache">
這樣添加會導致了用戶每次訪問你的程序時都要重新請求服務器，所有的靜態(tài)資源都無法用緩存了，浪費流量，網(wǎng)絡壓力變大。
到此這篇關(guān)于vue項目 npm run build 打包項目防止瀏覽器緩存的操作方法的文章就介紹到這了,更多相關(guān)vue npm run build 打包項目內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
vue-router啟用history模式下的開發(fā)及非根目錄部署方法
這篇文章主要介紹了vue-router啟用history模式下的開發(fā)及非根目錄部署方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-12-12
貪食蛇是一個非常經(jīng)典的游戲,?在游戲中,?玩家操控一條細長的直線,?它會不停前進,?玩家只能操控蛇的頭部朝向,?一路拾起觸碰到之物。本文將用Vue實現(xiàn)這一游戲，感興趣的可以嘗試一下2022-04-04
這篇文章主要為大家詳細介紹了vue實現(xiàn)購物車列表，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-06-06
這篇文章主要介紹了如何解決uni-app編譯后?vendor.js?文件過大的問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-02-02
Vue 中的數(shù)據(jù)綁定和模板渲染都是異步的，那么如何在更新完成后執(zhí)行回調(diào)函數(shù)呢？這就需要用到 Vue 的 nextTick 方法了，本文詳細介紹了Vue2和Vue3的nextTick實現(xiàn)原理，感興趣的同學可以參考一下2023-04-04
這篇文章主要介紹了Vue3在history模式下如何通過vite打包部署白屏問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-07-07
解決vue2中使用axios http請求出現(xiàn)的問題
下面小編就為大家分享一篇解決vue2中使用axios http請求出現(xiàn)的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-03-03
這篇文章主要介紹了vue獲取dom元素注意事項及vue獲取dom元素的內(nèi)容,需要的朋友可以參考下2017-12-12
這篇文章主要介紹了vue2封裝input組件方式(輸入的雙向綁定)，具有很好的參考價值，希望對大家有所幫助。2023-04-04
我們在vuex中操作數(shù)據(jù)時遇見視圖不更新的情況,下面這篇文章主要給大家介紹了關(guān)于vuex更新視圖引發(fā)的一些思考,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2022-06-06