javascript - 求助大佬们，vue项目怎么隐藏接口地址啊？

Question

由于是H5页面，使用浏览器的调试功能就能看到接口的真实地址，很容易被攻击，想要隐藏接口地址，在vue项目里应该怎么写啊？

Answer 1

隐藏接口估计是不好弄，但是可以从防止攻击这个方面来做优化，一般都是扫描出了漏洞再做优化，或者提前做一些nginx配置,具体的可以参考下https://blog.csdn.net/just_for_that_moment/article/details/12...这篇文章

Answer 2

可以考虑聚合为一个后端接口，然后请求中的所有参数进行加密。
后端接收到请求后解析加密参数，再去调用具体的业务。

这个倒这个工作也只能算是规避掉了一部分，只是看有没有人愿意付出对应的成本去读前段加密的方法了。

Answer 3

我们项目上封装了axios方法作为工具类，另外给所有的api封装了一层，在组件代码里调用api里的方法去进行的处理。这样也只是明码代码里没有url而已，实际打开调试功能看网络请求还是能看到url。

还是从后台想办法去处理比较靠谱，比如：使用IP白名单，进行参数加密、Token鉴权处理等。

Answer 4

这个不可能的, 这个是后端的工作, 前端最多将字符加密

Answer 5

没办法，只能后端控制好安全。要么所有参数加密