alive的不生效 keep vue_webpack打包vue项目 keep-alive不生效

项目会使用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不生效的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。