前端 JS 挖 API：突破工具局限的未授权访问挖掘技巧

先跟大家复习一遍前后端分离结构和传统结构（前后端不分离）的特点：

1. 前后端不分离（传统架构）

• 架构特点：前端代码（HTML、CSS、JS）嵌入在后端框架中，后端主导页面渲染和数据处理。
• 职责耦合：
  • 后端不仅负责业务逻辑（如数据查询、权限校验），还需通过模板引擎（如 JSP、Thymeleaf、PHP 模板）生成 HTML 页面，直接向前端输出完整的 “带数据的页面”。
  • 前端开发者可能需要在后端模板中编写代码（如在 JSP 中写<%%>标签），依赖后端环境运行。

2. 前后端分离

• 架构特点：前端和后端是两个独立的应用，通过标准化接口（API）通信，职责完全解耦。
• 职责清晰：
  • 前端：专注于 “用户界面渲染” 和 “交互逻辑”，通过 JS 框架（Vue、React、Angular）构建单页应用（SPA）或多页应用，独立运行在浏览器 / 客户端。
  • 后端：专注于 “业务逻辑” 和 “数据处理”，仅提供 API 接口（返回 JSON/XML 数据），不参与页面渲染。

前后端分离的核心是 “解耦”—— 通过 API 接口实现前后端的独立开发、部署和扩展，适合需求复杂、团队分工明确的项目；而不分离架构更简单直接，适合小型项目或快速开发场景。随着 Web 应用复杂度提升，前后端分离已成为主流架构，尤其在移动互联网、大数据场景中优势显著。