前言（吹水环节）

好久不见，最近很忙，自从工作之后就很少挤出时间来写博客了，每天都是干不完的活，特别是现在的七八月份，Hvv和攻防演练一大堆，我作为底层安服，所以更忙。就在上周，我在授权的情况下进行测试，偶然发现vue框架做的前端登录框，在很久之前我就开发了一款工具，专门用来检测vue前端未授权访问接口目录暴露的漏洞问题，但是呢，本身这个范围就很小，而且懂这个的人也不多，所以工具的stars量对比大热门的ThinkPHP漏扫要低了许多，就是下图这样，哈哈：

一、vue是什么

vue是一个用于创建用户界面的开源JavaScript框架，也是一个创建单页应用的Web应用框架。他的图标长这样，绿色的一个V，如果以后看到这样一个图标，这就是vue框架了：

当然了，看图标是一种方式，我的建议是用这个浏览器插件：Wappalyzer

二、实战环节

对了，还有一点，也是vue框架的特色之一，为什么我这里要用特色，而不是特点，因为这个开发人员也是可以自己设置的，但是一般情况下，通过看url里的/#/就能判断这是一个vue框架了。

path: '

一般都在js文件夹里面的app.************.js文件里，我用的是火狐浏览器，点击调试器，选中app.*********.js文件，全局搜索快捷键Ctrl+F，再点击下面的{}符号，就能很舒服的看到所有路径目录。
挨个测试：

复制上url，直接跳转：

拼接：

直接没登录就进来就跳转进后台的操作界面了，当然，这只是一部分，在我之前对某大型医院的渗透测试中，还能找到病人病历的接口，拼接后直接跳转，看到大量的病人信息，身份证和身高体重，亲属关系，证件照等等敏感信息，这高危就这样来了。
因为信息太敏感了，所以发一点点正常的没那么敏感的给大家看一眼：

好了，今天又给大家分享完漏洞，最后再谢谢L1NG师傅（我跟他不认识，但工具灵感来源于他）。下面是工具开发的过程。

三、工具开发

3.1吹水环节

3.2正经环节

先给大家上图：

这颜色搭配，都是有依据的，布局的样式加上颜色色差对比，都有点柏拉图的哲学思想在里面，所以这款工具对比我的处女作阿珍Aazehn来说，艺术成分是很高的。

3.2.1 检测模块开发思路

爬取js文件夹，再用正则表达式，选择app.*********.js文件，再拼接上url，访问这个js文件，再次利用正则表达式，把path: '的结果全部选中。讲选中的结果全部打印，return回文本框里，检测模块就是这么简单实现了。

3.2.2 验证模块开发思路

验证模块就更简单了，就是把左框里面的结果全部拼接上用户输入的url，用JavaUrlConnection类方法对整个完整url进行http请求，把响应包的长度和响应体进行打印输出，这样就能很清晰的对比各个接口的输出结果，这样就能判断是不是有这个漏洞啦。

3.3 小插曲

细心的你肯定会发现底部还有个出口ip查询功能：

可以看到当前的ip信息，dns地址信息，加进去之后真是完美，这是一个爬虫来的，网上有很多地址查询信息，只要把爬到的信息打印输出能实现了，太简单就不过多介绍了。

四、工具地址

https://github.com/zangcc

总结

免责声明

分享交流

如果对文中内容有疑惑可以后台留言交流讨论！

觉得不错点个“赞”、“在看”哦~~~

原文始发于微信公众号（安全初心）：针对Vue框架渗透测试-未授权访问目录漏洞【渗透实战+工具开发】