Vuex Store는 콘솔 또는 클라이언트 브라우저에서 액세스할 수 있는가?

Vuex Store는 콘솔 또는 클라이언트 브라우저에서 액세스할 수 있는가?

이 Vue 2 앱을 만들고 있는데, 처음에는 Vuex State 매니지먼트를 사용해야 한다고 계속 읽었는데, 처음에는 컨셉을 잘 이해하지 못했는데, Vue를 가지고 놀다 보니 더 큰 앱으로서는 가장 좋은 것 같아.

그러나 내 질문은 Dev 콘솔이나 어떤 형태로든 저장소에 저장된 데이터에 액세스할 수 있다는 것이다.js, 내가 브라우저에 렌더링하지 않는 데이터?

중요한 데이터를 저장소에 보관할 수 있는가? 사용자가 이 링크를 클릭하거나 이 사용자에게 메시지를 보내고 이 페이지에서 많은 시간을 할애하는 등...그리고 그 동안 이 모든 데이터를 내 db에 업로드..

Vuex 스토어는 이런 종류의 일을 위한 것인가?

건배.

아니 그들은 할 수 있다.

내가 사용하는 호출은

document.getElementsByTagName('a')[0].__vue__.$store.state

이것은 첫 번째 링크가 거의 항상 그렇듯이 vue 속성을 가지고 있다고 가정한다.그렇지 않은 경우 다른 태그를 시도하십시오.UI는 불쾌하지만 적절히 자체 문서화된다.이것은 유용한 디버깅 도구로 사용자가 할 수 있는 것이다.

물론 단호하고 숙련된 사용자는 브라우저 플러그인을 작성하여 여기에 좋은 UI를 넣을 수 있다.아니면 그것이 Chrome을 위한 Vue.js devtools 확장이 하는 일인가?나는 실제로 그것을 사용해 본 적이 없다.

사용할 수 있다

__VUE_DEVTOOLS_GLOBAL_HOOK__.store

dspeyer의 대답은 내 대답의 기초였지만, 의 대답에 근거하여<a>디버깅 중인 응용 프로그램에서 태그가 작동하지 않음.다른 모든 답변은 Vue가 개발 모드(또는 브라우저 확장 기능으로 개발 모드로 강제 전환될 수 있음)에 있다고 가정했지만, 모바일 웹 브라우저에서 라이브 프로덕션 사이트를 디버깅하는 것은 가능하지 않다.

이 코드는 원격 모바일 디버깅을 포함한 모든 생산 사이트에서 작동하며 개발 모드가 필요하지 않다.

Array.from(document.querySelectorAll('*')).find(e => e.__vue__).__vue__.$store.state

기능적으로 와 동일하다.dspeyer의 답변은 물론 모든 요소에 걸쳐 검색됨<a>꼬리표

Chrome의 Vue devtools를 사용하여 다음 저장소를 확인하십시오.

이건 내게 효과가 있었어

_this.$store

Dev 콘솔 또는 모든 형태의 사용자가 store.js에 저장된 데이터에 액세스할 수 있는지 여부

단답:아니오
더 긴 대답: 그들은 교활하기 나름이다. 하지만 나는 이것에 대해 너무 걱정하지 않을 것이다...왜냐하면 (내 생각엔) 수집된 데이터를 어떤 종류의 API로 보낼 계획이니까, 그들이 Vuex 저장소에 접근할 수 없더라도...그들은 여전히 AJAX 요청이 나가는 것을 볼 수 있었다.

 

중요한 데이터를 저장소에 보관할 수 있는가?

일반적으로 고객에게 어떠한 유형의 비공개 또는 민감한 데이터도 보관하는 것은 좋지 않다.하지만 당신의 특별한 경우에서 나는 괜찮다고 생각한다. 왜냐하면 당신이 "민감한" 것으로 정의한 것은 단지 사용자들의 행동(일명: 그들의 이력)에 대한 메타데이터에 불과하기 때문이다.

 

Vuex 스토어는 이런 종류의 일을 위한 것인가?

당신은 Vuex에 거의 모든 것을 저장할 수 있다.데이터의 종류에는 실질적인 제한이 없다...단지 얼마에 대해서만 (500mb의 이미지를 끈으로 돌려서 상점에 넣는 것을 추천하지 않겠다...)

참조URL: https://stackoverflow.com/questions/43461338/is-vuex-store-accessible-from-console-or-from-clients-browser