如何在 VueJS DevTools 中制作 Vuex 'invisible'

Question

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

访问的

Vue.config.devtools = false

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

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

有没有办法关闭 vuex store inspection？

Answer 1

找不到任何类似的标志来禁用 Vuex Devtools。但看起来运行以下定期（每 200 毫秒左右）将使 Vuex 选项卡不可读。

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

例如：

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

Answer 2

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

Answer 3

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

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

How can I make Vuex 'invisible' in VueJS DevTools