是否有一种仅在开发期间将数据加载到存储中的方法?

时间:2019-06-21 20:47:13

标签: vuejs2 vuex

在开发模式下(即vue-cli-service serve),我想向Vuex存储中添加数据,但是在构建应用程序(即vue-cli-service build)时,要排除该数据。有办法吗?

1 个答案:

答案 0 :(得分:1)

根据Modes and Environment,您可以使用环境变量process.end.NODE_ENV来检查我们运行的Vue应用程序的环境:

  

在生产模式下将NODE_ENV设置为“生产”,在生产模式下将其设置为“测试”   测试模式,否则默认为“开发”。

您可以使用这些值有条件地执行或不执行代码段,例如仅在处于“生产”模式时才调度导致突变的动作:

if (process.env.NODE_ENV === 'production') {
  this.$store.dispatch('someActionThatLeadsToMuation');
}

process.env.NODE_ENV可以在您的@ vue / cli项目中的任何地方(包括商店,组件等)有效使用。话虽如此,我只是想让您了解,Vuex商店实际上是短暂的。它不会持久保存数据库或文件之类的数据。因此,无论您在开发模式下在商店中创建/读取/更新/删除什么内容,在构建应用程序时绝对不会继承。存储区中的数据完全取决于您在应用程序启动/运行时结合指定的初始状态值执行的操作/变异。

希望有帮助!