为了账号安全,请及时绑定邮箱和手机立即绑定

webpack打包vue项目 keep-alive不生效

webpack打包vue项目 keep-alive不生效

慕桂英546537 2019-02-06 13:24:28
项目会使用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>     );   } }
查看完整描述

2 回答

?
小池同学

TA贡献1条经验 获得超0个赞

你好,请问是需要新建两个环境的js文件吗? 为什么我这样写过之后报exports的错误……

查看完整回答
反对 回复 2019-04-29
?
米琪卡哇伊

TA贡献1998条经验 获得超6个赞

既然打包有出错信息,那么你可以根据出错信息去定位错误,然后找到解决办法。

查看完整回答
反对 回复 2019-02-06
  • 2 回答
  • 0 关注
  • 1083 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信