【好靶场】入门短信验证码wp

短信验证码暴力突破

考点：短信验证码爆破

首先查看提示：

可以知道是不会真的发送验证码，需要进行前端代码审计来绕过

所以我们可以随便输个手机号试试就行

这里点击发送后抓包

然后输验证码再抓包

为什么会是这个格式呢？我们看看前端代码

send部分：

function sendCode() {
           const phone = document.getElementById('phone').value.trim();
           if (!validatePhone(phone)) {
               showMsg('请输入有效的手机号');
               shakeInput('phone');
               return;
           }
           showMsg('');
           const btn = document.getElementById('sendCodeBtn');
           btn.disabled = true;
           btn.innerText = '发送中...';

           fetch('/send', {
               method: 'POST',
               headers: { 'Content-Type': 'application/json' },
               body: JSON.stringify({ phone })
           })
           .then(response => response.json())
           .then(data => {
               if (data.success) {
                   showMsg('验证码已发送，请在输入框输入4位验证码');
                   startCountdown();
               } else {
                   showMsg(data.msg || '发送失败');
                   btn.disabled = false;
                   btn.innerText = '发送';
               }
           })
           .catch(() => {
               showMsg('网络错误');
               btn.disabled = false;
               btn.innerText = '发送';
           });
       }

login部分：

function login() {
           const phone = document.getElementById('phone').value.trim();
           const code = document.getElementById('code').value.trim();
           if (!validatePhone(phone)) {
               showMsg('请输入有效的手机号');
               shakeInput('phone');
               return;
           }
           if (!/^\d{4}$/.test(code)) {
               showMsg('请输入4位验证码');
               shakeInput('code');
               return;
           }
           showMsg('登录中...');
           fetch('/login', {
               method: 'POST',
               headers: { 'Content-Type': 'application/json' },
               body: JSON.stringify({ phone, code })
           })
           .then(response => response.json())
           .then(data => {
               if (data.success) {
                   showMsg('登录成功');
                   setTimeout(() => {
                       showMsg('');
                   }, 1500);
               } else {
                   showMsg(data.msg || '登录失败');
               }
           })
           .catch(() => {
               showMsg('网络错误');
           });
       }

可以看到都是post请求相关接口，然后传入json格式的数据。所以就明白了传数据的方式

对code字段进行爆破，从0000-9999，最后爆破出来就能拿到flag

验证码居然会出现这个地方？

考点：短信验证码泄露

依然前端代码审计，找到验证码是六位数：

function login() {
           const phone = document.getElementById('phone').value.trim();
           const code = document.getElementById('code').value.trim();
           if (!validatePhone(phone)) {
               showMsg('请输入有效的手机号');
               shakeInput('phone');
               return;
           }
           if (!/^\d{6}$/.test(code)) {
               showMsg('请输入6位验证码');
               shakeInput('code');
               return;
           }
           showMsg('登录中...');
           fetch('/login', {
               method: 'POST',
               headers: { 'Content-Type': 'application/json' },
               body: JSON.stringify({ phone, code })
           })
           .then(response => response.json())
           .then(data => {
               if (data.success) {
                   showMsg('登录成功');
                   // 弹出美化后的flag弹窗
                   customAlert(data.msg, "登录成功");
               } else {
                   showMsg(data.msg || '登录失败');
               }
           })
           .catch(() => {
               showMsg('网络错误');
           });
       }