去下载一个依赖servlet.去：https://mvnrepository.com/全局调整依赖的版本，加二条下面的命令，好处就是，版本号想变就直接变，再更新就是了。这个可以无视，这个是maven版本相关的信息，当他不存在，但不要改动它。比如模块有3个，前台、后台、common(聚合maven项目）---【定位】---信息3兄弟----唯一依赖。如何删除它，鼠标指上去他会告诉你地址，找到，并。找

一、在Apifox工具中创建一个项目一、在Apifox工具中创建一个项目。

需求：比如说哈，我现在要做一个登录页面，上面要输入用户名，输入密码，输入错误 10 次就 6 小时不准输入了。那么我用 JAVA 写后端，我用 VUE3 写前端，前后分离，域名 + 服务器已备好，整理全套可落地流程，新手也能照着做！这套流程是完整闭环，从核心文件、环境准备，到部署上线、联调测试，每一步都写清楚了，新手照着做就能做出可上线、可访问、功能完整的登录系统，没有任何疏漏，直接用域名。

打开，确认 HTTP 端口是8089（和你之前的配置一致）

VS Code 装 5 个插件：Vue-Official、中文包、HTML CSS Support、自动保存、Axios 片段电脑安装 Node.js命令创建 Vue3 项目项目里 npm install再装一个：npm install axios装完这些，你就能直接写 Vue3 页面，完美对接你昨天的成绩 Servlet 后端，做前后端分离。Node.js 装了没有？没装我给你发下载地址 + 安

✅✅【全代码】// 1. Servlet 异常基类：处理Servlet运行时的异常// 2. WebServlet 注解：用来配置Servlet的访问路径，代替web.xml配置// 3. HttpServlet 基类：所有Servlet都要继承它，提供请求处理能力// 4. HttpServletRequest：封装浏览器发送过来的所有请求数据（参数、地址、头信息等）// 5. HttpServ

终于完成了java Web + Vue3前后端联动调试！这就启动好了Vue3中的网页运行服务了。Vue 已经把页面做完了 →。显示这个页面就成功了。

文件 / 文件夹生成时机.vscode/public/src/第 1 步index.html第 1 步第 3 步router/stores/模板自带，也是第 1 步生成你真正可能会改或者可能会改的文件。

✅✅【全代码】// 1. Servlet 异常基类：处理Servlet运行时的异常// 2. WebServlet 注解：用来配置Servlet的访问路径，代替web.xml配置// 3. HttpServlet 基类：所有Servlet都要继承它，提供请求处理能力// 4. HttpServletRequest：封装浏览器发送过来的所有请求数据（参数、地址、头信息等）// 5. HttpServ

需求：比如说哈，我现在要做一个登录页面，上面要输入用户名，输入密码，输入错误 10 次就 6 小时不准输入了。那么我用 JAVA 写后端，我用 VUE3 写前端，前后分离，域名 + 服务器已备好，整理全套可落地流程，新手也能照着做！这套流程是完整闭环，从核心文件、环境准备，到部署上线、联调测试，每一步都写清楚了，新手照着做就能做出可上线、可访问、功能完整的登录系统，没有任何疏漏，直接用域名。