vue-router路由加密(不带webpack),以确保安全

时间:2019-05-06 10:56:53

标签: vue.js vue-router

在vue或vue-router中; 是否可以最大限度地减少对路由html / js的加密以及由另一端的vue-router解密和使用

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

只是为了确保代码被最小化,并且不为了攻击/安全而公开所有客户端代码

注意:不使用webpack。

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

这就是我要寻找的东西: 加密将在node.js的服务器端进行

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

因此,现在代替导出默认..,它将成为网络面板中的一些加密文本。 解密和解压缩后,将其加载到vue-router中。

2 个答案:

答案 0 :(得分:3)

首先-没有必要加密路由。您将在后端进行的任何类型的加密-应该在前端解密。然后,您将制作一个将其解密的方法。对于可以使用chrome devtools的任何人,只需几分钟即可绕过您的加密。

第二个-您可能会混淆代码。但是,再一次-对它进行模糊处理只需要几分钟,就可以了。

以上任何一种方法都只会增加捆绑包的大小并降低性能。

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

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

答案 1 :(得分:0)

这不会以任何方式提高安全性。您不能阻止用户获取前端代码,因为他们需要它才能使用您的产品。

您可以通过this one等混淆器来运行代码,但这在很大程度上浪费了时间。

就性能和混淆而言,最好的选择是通过UglifyJS之类的工具运行代码。它可以重新排列您的代码路径,删除空格并更改变量名称,以使潜在的攻击者更讨厌破译您的代码。

最重要的是,您绝不应该通过网络发送有价值的业务逻辑。将您的商业秘密保存在服务器上。