項目會使用tab功能，進而需要對頁面數據進行緩存。在本地開發的時候，能夠正常緩存，但是在使用webpack打包后，上傳至服務器發現緩存失效，導致有些業務出錯。

路由代碼：module.exports?=?(file:?string)?=>?{??'use?strict';??return?()?=>?import(`@/views/${file}`);

};const?getComponent?=?require(`./import_${process.env.NODE_ENV}`);

{

path:?'/customers',

name:?'Customers',

component:?getComponent('customers/index'),

permission:?true,

meta:?{?key:?'Customers'?},

children:?[

{

path:?'baseInfo',

name:?'Base?Info',

component:?getComponent('customers/baseInfo/index'),

permission:?true,

meta:?{?key:?'BaseInfo'?},

},

],

},

頁面代碼：

import?{?Component,?Vue?}?from?'vue-property-decorator';@Componentexport?default?class?Components?extends?Vue?{

render()?{

const?{?keepList?}?=?this.$store.state.app;????return?(

);

}

}

總結

以上是生活随笔為你收集整理的alive的不生效 keep vue_webpack打包vue项目 keep-alive不生效的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。