## Bug描述 点击应用管理菜单,页面显示红色错误提示"请求地址不存在",列表无数据 ## 问题分析 ### 根本原因:前后端API路径不一致 **前端API配置**(错误): ```javascript // src/api/application.js url: '/api/app/list' // ❌ 前端期望路径 url: '/api/app/{appId}' url: '/api/app/resetSecret/{appId}' url: '/api/app/apiList' ``` **后端实际路径**: ```java // ApplicationController.java @GetMapping("/api/application/list") // ✅ 后端实际路径 @GetMapping("/api/application/{appId}") @PutMapping("/api/application/resetSecret/{appId}") @GetMapping("/api/application/apiList") ``` **错误日志**: ``` GET /api/app/list → 404 Not Found 实际接口: GET /api/application/list → 200 OK (6条数据) ``` ## 修复内容 ### 修正所有API路径(application.js) ```javascript // 1. 列表查询 - url: '/api/app/list' + url: '/api/application/list' // 2. 详情查询 - url: `/api/app/${appId}` + url: `/api/application/${appId}` // 3. 新增 - url: '/api/app' + url: '/api/application' // 4. 修改 - url: '/api/app' + url: '/api/application' // 5. 删除 - url: `/api/app/${appId}` + url: `/api/application/${appId}` // 6. 重置密钥 - url: `/api/app/resetSecret/${appId}` + url: `/api/application/resetSecret/${appId}` // 7. API列表 - url: '/api/app/apiList' + url: '/api/application/apiList' ``` ## 验证结果 - ✅ 应用列表API:/api/application/list (200 OK, 6条数据) - ✅ 页面加载正常 - ✅ 数据显示正常 - ✅ 所有CRUD操作路径统一 ## Bug影响 - **P1级别** - 重要bug - 影响范围:应用管理模块完全无法使用 - 修复优先级:高 --- 作者:湖北新华业务中台研发团队 |
||
|---|---|---|
| .. | ||
| public | ||
| src | ||
| .gitignore | ||
| README.md | ||
| index.html | ||
| package-lock.json | ||
| package.json | ||
| vite.config.js | ||
README.md
Vue 3 + Vite
This template should help get you started developing with Vue 3 in Vite. The template uses Vue 3 <script setup> SFCs, check out the script setup docs to learn more.
Learn more about IDE Support for Vue in the Vue Docs Scaling up Guide.