翻译成中文就是顶部，左边，中间，右边，底部。顶部我加了一个菜单，菜单(Menu)和菜单栏(MenuBar)，添加菜单项(MenuItem)，将菜单分组，创建子菜单(Submenu)，以及设置上下文菜单(ContextMenu)。
左边是检测模块，右边是验证模块，中间的center我没有加任何东西，所以空着啥也没有，只有左边和右边。
两个模块里的各种组件，比如标签，文本框，按钮，我都是用的锚点布局：AnchorPane 锚点布局
类似相对布局，可以指定子控件在布局的左下角等位置，可设置相对距离。
所以，简单一句话概括就是：布局样式整体是BorderPane，BorderPane的左右下3个部分是锚点布局AnchorPane。就这么简单。

3.2.1 检测模块开发思路

还是用老方法，Jsoup，不懂的Jsoup是什么的，可以看我的这篇博文，很快啊，基于jsoup的java爬虫。

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

3.2.2 验证模块开发思路

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

3.3 小插曲

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

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

四、2023年8月10日更新内容

是的朋友们，鸽了一年我终于更新了。这次更新的内容不多，但是你们说的我觉得能改的都改了，非常抱歉，工作实在是太忙，这两个月每天都挤时间来更新这个工具。下面就简单说一下更新的内容吧~

这次的界面返璞归真了，还是简单一点比较好，原来那个太花了。这里有个初始URL：，也就是我们第一步需要输入的地方，我就简单举个例子吧，输入一个vue框架的互联网url，然后点击扫描Get-JS，就可以把js文件的路径都读取出来，这个我是采纳了这位粉丝的朋友的意见：

这时候，JS文件就都列出来了：

然后点击getPath，就可以把这些js文件里面的接口都爬取出来，如下：

接着就到右边的一栏，自定义url，是我们自己输入的，比如我输入的是https://www.baidu.com，那么就会自动把上一步爬取到的接口拼接到https://www.baidu.com/（接口）后面，类似这样。所以这样就更方便验证了，但是我觉得这部分做得不够好，java的http请求很麻烦，没有python那么容易，所以获取到的结果有些许偏差，还是需要手工验证比较稳妥。一般vue都是https://test.com/#/，url里面带一个#号的，所以我更推荐自定义URL后面加上一个#号，例如这样：https://www.baidu.com/#，然后再点击按钮verify进行自动请求。算是满足这位粉丝的需求吧：

有时候左边爬取出来的接口是格式错误的，所以会像上图那样请求失败，这时候就要删掉那些奇奇怪怪的接口，确保请求能成功，比如我这里就删掉了/":

然后就可以根据返回的信息来判断哪个接口能用了，但是我对java的http请求是很怀疑的，还是建议手工验证一次比较稳妥。
这里我用java发http请求的时候还是决定不做路由跳转重定向，这位朋友应该不太了解，所以我来补充一下我的观点，如果你们觉得不对可以自己补充和指正，我会每个都看的。

首先，路由跳转登录是什么：在 Web 应用中进行页面路由跳转，并在跳转的页面上进行用户登录。这在许多 Web 应用中是常见的操作。他跟url重定向有点类似。也就是说，当我们拼接上这些接口，它会觉得我们这个操作不对，因为我们是非登录状态，没有cookie或者token，所以跳转到登录框了，绝大部分的vue都会做这个判断，我认为这才是正常的，这就是一个针对未授权的防护，合情合理。而在java的http请求里面禁止路由跳转和禁止重定向，有以下的操作：

在 Java 中发送 GET 请求时，通常使用 HttpURLConnection 或 HttpClient 这样的库。要禁止路由跳转和 URL 重定向，根据不同的库采取不同的方法。
使用 HttpURLConnection：

import java.net.HttpURLConnection;import java.net.URL;public class HttpGetExample {    public static void main(String[] args) throws Exception {        String url = "https://example.com/api";        URL requestUrl = new URL(url);                HttpURLConnection connection = (HttpURLConnection) requestUrl.openConnection();        connection.setRequestMethod("GET");                // 禁止自动跟随重定向        connection.setInstanceFollowRedirects(false);                int responseCode = connection.getResponseCode();        // 处理响应...                connection.disconnect();    }}

使用 HttpClient（Apache HttpClient）：

import org.apache.http.client.HttpClient;import org.apache.http.client.methods.HttpGet;import org.apache.http.impl.client.CloseableHttpClient;import org.apache.http.impl.client.HttpClients;import org.apache.http.impl.client.LaxRedirectStrategy;public class HttpClientGetExample {    public static void main(String[] args) throws Exception {        String url = "https://example.com/api";                HttpClient httpClient = HttpClients.custom()                .setRedirectStrategy(new LaxRedirectStrategy())  // 设置重定向策略，这里使用 LaxRedirectStrategy 来允许一些重定向                .build();                HttpGet httpGet = new HttpGet(url);                // 禁止自动跟随重定向        httpGet.setConfig(RequestConfig.custom()                .setRedirectsEnabled(false)                .build());                CloseableHttpResponse response = (CloseableHttpResponse) httpClient.execute(httpGet);        // 处理响应...                response.close();    }}

在这两个示例中，关键是设置 setInstanceFollowRedirects(false)（对于 HttpURLConnection）和 setConfig(RequestConfig.custom().setRedirectsEnabled(false).build())（对于 HttpClient）来禁用自动跟随重定向。这样就可以在发送 GET 请求时禁止路由跳转和 URL 重定向。

但是我决定不做，我还是觉得这是网站正常的防护，如果禁止跳转去请求，返回的也是一个静态的页面响应，里面的功能我们还是操作不了的，也是没用。

五、工具地址

我的工具项目都在GitHub：

https://github.com/zangcc

欢迎大家下载和提供意见，欢迎私信或者底下评论，我全天24小时在线。

Tips：
这种方法不止是适用于vue，其他的web站点都能通过F12来看前端的文件里有没有泄露的接口信息。但是vue框架的接口信息比较容易找到，基本上都是在那两个固定的文件夹的app.****.js文件里，用正则就能匹配上，所以工具开发也比较轻松。

总结

不断学习，不断探索，不断进步。

    文章原创，欢迎转载，请注明文章出处： 针对Vue框架渗透测试-未授权访问目录漏洞【渗透实战+工具开发】.。百度和各类采集站皆不可信，搜索请谨慎鉴别。技术类文章一般都有时效性，本人习惯不定期对自己的博文进行修正和更新，因此请访问出处以查看本文的最新版本。

来源地址：https://blog.csdn.net/weixin_43847838/article/details/125841581