項目會使用tab功能，進而需要對頁面數(shù)據(jù)進行緩存。在本地開發(fā)的時候，能夠正常緩存，但是在使用webpack打包后，上傳至服務(wù)器發(fā)現(xiàn)緩存失效，導(dǎo)致有些業(yè)務(wù)出錯。路由代碼：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 (
<keep-alive max={10} include={keepList}>
<router-view />
</keep-alive>
);
}
}
添加回答
舉報
0/150
提交
取消