VuexのStateのセキュリティーに関して

Question

前提・実現したいこと

初めまして、現在Vue.js　Vuexを使用してアプリケーションを開発しているものですが、
VuexのStateに関する質問です。

漏れてはいけないユーザー情報（mailアドレス）などはVuexのStateにいれないほうが良いのでしょうか？

ユーザーがVue developを使っていた場合、Stateの情報は外部に閲覧されてしまうのでしょうか？

初歩的な質問で申し訳ありませんが調べても答えがなかったので、よろしくお願いします。

発生している問題・エラーメッセージ

該当のソースコード

試したこと

ここに問題に対して試したことを記載してください。

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

Answer 1

ユーザーにも見られたくない情報は入れるべきではありません。
ストアにある情報は知識のあるユーザー本人なら見ることができますが、ユーザー本人以外の第三者に覗き見られることはまずないでしょう※。
メールアドレス程度であればそのユーザー自身の情報ですので問題はないように思えます。

本番バージョンのVueファイルはデフォルトで開発設定がオフになっているので基本的にはvueのdevtoolが使えないようになっているはずです。
しかし、ブラウザのデベロッパーツールなどから開発設定を有効にする手段があるので100%見られない状態にすることは困難です。

※サーバーサイドレンダリングでVuexを使う場合はStateの記述方法に注意してください。
詳細は「Nuxt.jsのVuexはStateがユーザー間で共有される恐れがあるので注意が必要」を参照

Comments

[Mitsu-0651]

返信ありがとうございます。
本番環境でもstateを見る事ができることから、なるべく他ユーザーにみられてはいけないものはいれないように設計し直してみます。
ありがとうございました。