vue.js - vue-router路由加密(不带webpack)保证安全

Question

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

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

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

注意:不使用 webpack。

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

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

解密将在网络面板加载路由后在客户端完成。

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

Answer 1

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

其次 - 您可能会混淆您的代码。但同样 - 从字面上看，只需几分钟即可对其进行反混淆。

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

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

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