时间戳

首页 > 解决方案 > vue-router 路由加密（无 webpack）以确保安全

vue.js - vue-router 路由加密（无 webpack）以确保安全

问题描述

在 vue 或 vue-router 中；是否可以最小化加密路由html / js并在另一端由vue-router解密和使用

export default{
  template:'',
  data:...
  methods:..
}

只是为了确保代码被最小化并且不暴露所有客户端代码以进行攻击/安全

注意：不使用 webpack。

另一个注意事项：澄清：export default{... }在网络面板中清晰可见。导致黑客和安全漏洞的来源。

所以这就是我要找的：加密将在 node.js 的服务器端完成

网络面板加载路由后，将在客户端进行解密。

所以现在而不是 export default .. 现在它将是网络面板中的一些加密文本。解密和解压后，它会被加载到 vue-router 中。

标签： vue.jsvue-router

解决方案

首先 - 没有必要加密路由。您将在后端进行的任何类型的加密 - 都应该在前端解密。您将创建一个可以解密它的方法。对于任何可以使用 chrome devtools 的人来说，绕过您的加密只需几分钟。

其次 - 您可能会混淆您的代码。但是再一次 - 从字面上看，只需几分钟即可对其进行去混淆处理。

并且上述任何方法都只会增加包大小并降低性能。

首先，您必须在后端实现安全性。

如果您非常担心有人会看到您非常私密的路线 - 构建两个或三个捆绑包。具有相同的组件/几乎相同的外观。但是路由有限。由于 Vue 组件的性质，它很容易实现。并根据用户类型将相应的捆绑包注入页面。

推荐阅读