Vuejs избегайте изменения данных в производственном режиме с помощью DOM

Question

У меня вопрос новичка о режиме производства в vuejs. Я использую уменьшенную версию vue, и у меня есть вопрос. Как я могу избежать доступа и изменения значения данных, используя DOM, например: для доступа -> document.getElementsByClassName('VueInstance')[0].__vue__.$children[0].$data.foo и для изменения document.getElementsByClassName('VueInstance')[0].__vue__.$children[0].$data.foo = "bar"? Есть ли возможность сделать это?

Answer 1

Вы не можете.

На стороне клиента JavaScript не является безопасным, т. Е. Пользователь имеет полный контроль над сценарием, который запускается в браузере пользователя. Учитывая, что у пользователя достаточно прав доступа локально, код всегда можно прочитать и изменить. Меры безопасности, применимые к клиентскому коду, только усложняют этот процесс.

Никогда ничего не доверяйте клиенту. Клиент может изменить все, что пожелает, и даже может редактировать данные, поступающие на сервер. Если вы sh убедитесь, что они не могут что-то сделать, то вам придется проверять только то, что они не могут изменить

Как запретить пользователю изменять значения в HTML или JavaScript

Можно ли вмешиваться в состояние реакции для обхода мер безопасности?