項目會使用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 (
<keep-alive max={10} include={keepList}>
<router-view />
</keep-alive>
);
}
}
添加回答
舉報
0/150
提交
取消