web-dev-qa-db-fra.com

Vuex Store est-il accessible à partir de la console ou du navigateur du client?

Je construis cette application Vue 2, et je continue de lire que l'on devrait utiliser la gestion de l'État de Vuex, au début, je ne comprenais pas très bien son concept, mais maintenant, après avoir joué avec Vue, Je peux voir que c'est le plus pour une application plus grande.

Mais ma question est: quelqu'un de la console de développement ou de toute forme peut-il accéder aux données stockées dans store.js, je veux dire ces données que je ne rend pas au navigateur?

Puis-je conserver des données sensibles en magasin, par sensible, je veux dire, l'utilisateur a cliqué sur ce lien, envoyé un message à cet utilisateur, passé tellement de temps sur cette page, etc ... et en même temps, télécharger toutes ces données sur ma base de données ..

Est-ce que Vuex Store est pour ce genre de travail/travail?

À votre santé

11
Marketingexpert

Oui, ils peuvent.

L'invocation que j'utilise est

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

Cela suppose que le premier lien a des propriétés vue, ce qui est presque toujours le cas. Sinon, essayez d'autres balises. L'interface utilisateur est désagréable, mais suffisamment documentée. C'est un outil de débogage utile et quelque chose un utilisateur pourrait faire.

Bien sûr, un utilisateur déterminé et compétent pourrait écrire un plugin de navigateur pour mettre une bonne interface utilisateur à ce sujet. Ou peut-être que c'est ce que fait l'extension devtools Vue.js pour Chrome ? Je ne l'ai pas vraiment utilisé.

24
dspeyer

Comme mentionné, vous pouvez utiliser Vue devtools dans Chrome pour voir le magasin:

enter image description here

0
Nic Scozzaro