Скрыть данные Vue от пользователя Vue Devtool

Просто быстрый вопрос Любой пользователь может видеть и получать доступ к данным, которые мы используем в модели Vue, через Vue Devtool. Представьте, что у вас есть список сотрудников, сохраненный в Vue Obj, и пользователь может видеть электронные письма всех других сотрудников и т. д. Есть ли способ скрыть данные от пользовательского браузера devtool? Убедитесь, что devtool показывает только режим разработки.

Спасибо за помощь.

Я не уверен, что понимаю вопрос. Но если вы создаете свое приложение vue (в рабочем режиме Webpack), инструменты разработки Vue должны быть отключены.

danidee 21.12.2020 10:41

Привет, Даниди, я не знал производственного режима Webpack, Visual Studio дает вам только возможность выпуска и отладки.

Adil Sari 21.12.2020 11:28

Если эти данные доступны в объекте Vue, это означает, что данные загружаются во внешний интерфейс, и любой, у кого есть базовые знания JS, может получить к ним доступ. Я думаю, вы должны настроить серверную часть так, чтобы она возвращала только те данные, которые разрешено просматривать пользователю.

iepure 21.12.2020 11:30

@AdilSari Да, в веб-пакете есть производственный режим, который отключает отладку и оптимизирует сгенерированный JavaScript и CSS, чтобы его можно было эффективно использовать в производстве. кто-то опубликовал хороший ответ, который должен помочь вам начать.

danidee 21.12.2020 15:12
Стоит ли изучать PHP в 2026-2027 годах?
Стоит ли изучать PHP в 2026-2027 годах?
Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Приемы CSS-макетирования - floats и Flexbox
Приемы CSS-макетирования - floats и Flexbox
Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...
Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest
В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Пользовательский скаляр GraphQL
Пользовательский скаляр GraphQL
Листовые узлы системы типов GraphQL называются скалярами. Достигнув скалярного типа, невозможно спуститься дальше по иерархии типов. Скалярный тип...
3
4
1 174
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Когда вы создаете проект SPA с использованием vue CLI, инструменты vue dev по умолчанию отключены в рабочей среде через сборку веб-пакета, но когда вы используете vue на HTML-странице, такой как проект MVC, который vue добавляется в некоторые из его .cshtml файлов, это не так. t отключен, и вам может потребоваться настроить его вручную, чтобы отключить.

вы можете сделать это, добавив строку ниже перед созданием экземпляра vue, я имею в виду перед new Vue({ ... }), добавьте:

Vue.config.devtools = false

(работал в проекте MVC)

и вот статья по этому поводу:

отключить vue devtools в продакшене

Спасибо за ответ, Хамид. Это работало с Vue2, но Vue3 говорит: «Невозможно установить свойство« devtools »неопределенного». Знаете ли вы, как исправить это с Vue3, пожалуйста, я использовал app.config.devtools = false;

Adil Sari 26.12.2020 11:22

Я этого не знал, я отредактирую ответ, чтобы отразить это, если смогу понять это.

hamid niakan 26.12.2020 11:41

Другие вопросы по теме