如何在VueJS DevTools中使Vuex'隐形'

Question

vuejs有一个配置选项可以关闭组件的检查。这可以通过

访问

Vue.config.devtools = false

在初始化Vue之前设置该代码时，用户（或您）将无法检查组件，您将收到以下消息 vue devtools disabled

我正在为vuex寻找类似的配置，因为即使关闭了Vue Js devtools，我仍然可以看到商店包括突变和撤消它们的能力，这是我不想要的。

有没有办法关闭vuex商店检查？

Answer 1

if (process.env.NODE_ENV === 'production') {
  Vue.config.devtools = false
  Vue.config.productionTip = false
}  

将上述代码添加到app.js条目文件并使用构建工具设置环境解决了我的问题。

Answer 2

无法找到任何类似的标志来禁用Vuex Devtools。但看起来定期运行以下内容（每200毫秒左右）会使Vuex标签不可读。

window.__VUE_DEVTOOLS_GLOBAL_HOOK__.emit('vuex:init', {})

例如：

setInterval(() => {
      window.__VUE_DEVTOOLS_GLOBAL_HOOK__.emit('vuex:init', {})
}, 200)

Answer 3

对于未来的访问者，这是fixed in Vuex，因此设置Vue.config.devtools = false也应该禁用Vuex。