我如何防止恶意的Vuex突变？
为了防止恶意的Vuex突变，可以采取以下措施：
- 使用命名空间：Vuex允许将模块组织到命名空间中，这样可以避免不同模块之间的命名冲突。通过在模块中设置
namespaced: true，可以确保只有在该模块中才能访问和修改状态。 - 限制直接修改状态：Vuex的核心原则是状态的改变只能通过提交mutation来进行，而不是直接修改状态。这样可以确保状态的变更是可追踪和可控制的。在开发过程中，应该严格遵守这个原则，不要直接修改状态。
- 使用严格模式：Vuex提供了严格模式，可以在创建store时启用。启用严格模式后，任何对状态的修改必须通过mutation进行，否则会抛出错误。这可以帮助开发者及时发现并修复不符合规范的状态修改操作。
- 数据验证和过滤：在提交mutation之前，可以对数据进行验证和过滤，确保只有合法的数据才能修改状态。可以使用一些验证库或自定义的验证函数来实现数据验证。
- 监听状态变化：Vuex提供了
watch方法，可以监听状态的变化。通过监听状态的变化，可以及时发现异常情况，并采取相应的措施进行处理，例如记录日志、发送警报等。 - 安全策略和权限控制：在应用程序中，可以采取安全策略和权限控制来限制对状态的修改。只有具有相应权限的用户才能进行状态的修改操作，其他用户只能进行只读操作。
推荐的腾讯云相关产品：腾讯云云原生应用引擎（Cloud Native Application Engine，CNAE） 产品介绍链接地址：https://cloud.tencent.com/product/cnae
相关·内容
1回答
因此，我有一个Vue SPA测验应用程序，其中有一个Vuex商店，其中存储了用户答对/答错等问题的数量。然后，我将这些数据从存储发送到我的服务器，最终将其保存到我的数据库中。
这个安全吗？难道恶意用户不能简单地从他们的浏览器中手动修改vuex存储(例如，更改数据，说他们连续有100个问题是正确的)，然后点击我的后端，将其保存到我的数据库中？在将数据保存到
浏览 8提问于2019-11-17得票数 0
我正在使用Vuex和Vuex-persistantstorage，并且我有一个代表应用程序模式的变量。当模式改变时，我想做几件事(让我们称之为f())，比如打开侧边栏，改变路由等，其中一些事情会导致其他Vuex变量的改变。在所有情况下，<em
浏览 7提问于2021-11-03得票数 0
我通过nuxt和vuex模块从后端提取数据，并返回到组件中的表。有人有这个问题吗?如果有，我该如何解决？
非常感谢
浏览 0提问于2018-06-23得票数 3
回答已采纳
1回答
我一直在尝试添加一个新的注释，但是每当我尝试添加它时，控制台就会返回
<pre> state: {
newNote
浏览 2提问于2019-03-22得票数 0
我看到了这些突变：
但只有当我点击向下箭头时，他们才会真正得到承诺。我如何让他们自动提交随着应用程序的进展？
浏览 2提问于2019-08-20得票数 3
回答已采纳
1回答
测试VueX存储
、、、
我正在试着测试VueX商店的不同部分。我在单个文件(index.js)中保存了突变、getter和其他文件，但是当将该文件导入测试文件时，它不知怎么地不起作用。这是我的VueX: Vue.use(Vuex)；import Vue from "vue";
Vue.use(Vuex</
浏览 2提问于2020-03-05得票数 2
回答已采纳
我假设像policies = [{name:'a',text:''},{name:'b',text:''},....]这样的数组中有10个对象这是它的小提琴链接。
浏览 2提问于2018-01-30得票数 9
回答已采纳
我正在开发一个vue应用程序，它有一个存储模块，在某些情况下每秒释放50个事件。这些事件导致每次都会出现vuex突变。这使得在其他地方很难使用vue-devtools，因为我看不到任何其他事件或突变，而在半分钟内，vue-devtools就会变得没有响应并且崩溃。我想知道是否有一种方法可以排除某些vue事件和vuex突变在vue-devtools中呈现。最好的，克里斯蒂安
浏览 2提问于2018-05-26得票数 12
回答已采纳
2回答
我是阿波罗-客户的新手，我想要取代vuex的状态管理，记住有什么方法我可以把我的突变和查询集中的方式，像vuex？我发现的大多数教程和文档，调用每个组件中的查询和突变，这可能会导致查询和突变的重复，那么如何解决这个问题呢？
浏览 1提问于2020-05-07得票数 1
回答已采纳
1回答
Vue路由器和Vuex
、、、、
我有两个问题。1.如何捕获未定义的路由并重定向到404页? 2.如何使用Vuex操作从api获取数据？我知道vuex突变必须是同步和动作异步。但我可以得到突变的数据，然后使用承诺。但不能在行动上或者我做任何错误。请给我举个漂亮的例子(组件类型)。我在laravel项目中使用vuex。谢谢..。
浏览 5提问于2017-03-28得票数 0
回答已采纳
我有一个可分页的div。使用jquery滚动函数，当滚动接近div底部时，我将获取新的页面。我在父组件(比如App.vue )中获取新页面。滚动条在PropertyBox.vue中。每当我获取新页面时，我都会更新App.vue中的数据，并将其作为属性发送给PropertyBox。为了能够看到PropertyBox中的更改，我更新了它在App.vue中的关键(如果没有这些更改，即使使用了新的数据，也不
浏览 3提问于2022-12-03得票数 0
2回答
我研究Vue (2.x) + Vuex已经有一段时间了，我经常看到的一个模式是使用突变类型。对我来说，增加更多文件的项目的复杂性只是不必要的代码，也许我没有足够的经验来理解它的实际用法，因此这个问题。根据，它完全是可选的，您应该使用它，如果您喜欢的话，它还声明“这允许代码利用像指针这样的工具，并且将所有常量放在一个文件中可以让您的协作者对整个应用
浏览 0提问于2018-07-10得票数 17
回答已采纳
1回答
如果操作是唯一操作存储值的进程，那么它们能直接执行吗?还是必须始终使用突变？操作可以直接设置变量的值吗？不涉及异步事件，只涉及计算。简单的例子： resetToZero (state) { state.display = ''
state.color
浏览 0提问于2018-10-24得票数 1
因此，我知道Vuex如何在组件的computed属性上使用set()和get方法实现双向数据绑定。也就是说，在get()方法中返回store state或相关的geeter，并在set方法中提交一个突变，然后该方法会突变状态值。我还知道如何使用Vuex中的mapGetter() helper来简单地将Vuex getter映射到组件的computed属性。
浏览 7提问于2020-02-10得票数 0
1回答
我已经建立了一个Vuex商店，以便在不同的组件之间共享状态。一位同事不小心在Vuex商店上设置了一个新的属性，而没有发送操作或提交一个突变，但是没有什么崩溃，应用程序继续运行。有什么办法可以防止这种情况发生吗？这是商店的结构(简化)：import Vuex from 'vuex';
Vue.use(Vuex);
浏览 6提问于2019-10-24得票数 0
回答已采纳
假设我有如下所示的JavaScript对象类： var engineTurnedOn = false; engineTurnedOn = true}
现在我想打开引擎。我应该创建一个名为turnEngineOn的操作，它将触发突变，这将触发方法'turnEngineOn‘，还是直接在对象上调用此方法？在第二种情况下，商店将只负责管理一组汽车，而不是操纵汽车。mutation
浏览 0提问于2017-10-16得票数 0
4回答
在Vuex中，既有“动作”又有“突变”的逻辑是什么？
我理解组件不能修改状态的逻辑(这看起来很聪明)，但是同时拥有动作和突变看起来就像你在编写一个函数来触发另一个函数，然后改变状态。“动作”和“突变”之间的区别是什么，它们是如何协同工作的，更重要的是，我很好奇为什么Vuex开发者决定这样做？
浏览 19提问于2016-09-03得票数 238
1回答
我的存储中有两个函数，一个通过调用API来获取数据，另一个在单元格“已批准”上切换更改。一切都很好，除了当我在数据库中切换这个更改时，我得到的响应是它已经完成，但它没有在UI上更新。我很困惑，在切换更改以在UI上反映更改后，我应该做什么，我应该从.then调用我的API，或者我应该调用负责从服务器获取数据的操作方法。context.commit('driverApprovalError&#
浏览 12提问于2019-03-22得票数 0
1回答
我最近在使用Vuex时遇到了一些麻烦。我有两个模块:用户和类别。我首先尝试将命名空间设置为false，这些突变和操作没有注册为全局突变和操作。(根本没有这种突变或行动)
然后我尝试将命名空间设置为true，这些突变和操作也没有注册为名称空间的突变</
浏览 6提问于2021-10-24得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
