VueJS DevTools에서 Vuex를 '보이지 않음'으로 만드는 방법

VueJS DevTools에서 Vuex를 '보이지 않음'으로 만드는 방법

vuej에는 컴포넌트의 검사를 끄는 설정 옵션이 있습니다.이 액세스에는,

Vue.config.devtools = false

Vue를 초기화하기 전에 이 코드를 설정하면 사용자(또는 사용자)가 구성 요소를 검사할 수 없으며 vue devtools를 사용할 수 없습니다.

Vue Js devtools가 꺼진 상태에서도 스토어를 볼 수 있기 때문에 vuex에 대해 비슷한 구성을 찾고 있습니다.그 이유는 변이를 포함한 스토어와 그것들을 원래대로 되돌릴 수 있는 기능이 있기 때문입니다.

vuex 스토어 검사를 해제할 수 있는 방법이 있나요?

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

위의 코드를 app.js 엔트리 파일에 추가하고 빌드 툴을 사용하여 환경을 설정함으로써 문제가 해결되었습니다.

사용하지 않도록 설정할 유사한 플래그를 찾을 수 없습니다.Vuex Devtools단, 다음 작업을 정기적으로 (200밀리초마다) 실행하면,Vuex탭 비고정입니다.

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

예를 들어 다음과 같습니다.

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

향후 방문자를 위해 Vuex에서 수정되었으므로 설정Vue.config.devtools = falseVuex도 비활성화해야 합니다.

언급URL : https://stackoverflow.com/questions/45192541/how-can-i-make-vuex-invisible-in-vuejs-devtools