guoyu/Study-Vue-redis/后端端口配置修复说明.md

后端端口配置修复说明

🔍 问题原因

发现的问题：

• 后端配置文件 application.yml 中端口配置为 30091
• 前端配置期望后端运行在 8080 端口
• 导致访问 localhost:8080 时显示"拒绝访问"

✅ 已修复

1. 后端端口配置 (ry-study-admin/src/main/resources/application.yml)

• ✅ 已将端口从 30091 修改为 8080

server:
  port: 8080  # 已修改

🚀 下一步操作

1. 停止当前后端服务

如果后端服务正在运行在 30091 端口，需要先停止它：

Windows 系统：

# 查找占用 30091 端口的进程
netstat -ano | findstr :30091

# 根据 PID 结束进程（替换 24336 为实际的 PID）
taskkill /PID 24336 /F

或者直接重启 IDE/停止后端服务

2. 检查 8080 端口是否被占用

netstat -ano | findstr :8080

如果 8080 端口被占用，需要：

• 停止占用 8080 端口的程序
• 或者修改后端端口为其他可用端口（如 8081）

3. 重启后端服务

1. 在 IDE 中重新启动后端服务
2. 或者使用命令行：

   cd ry-study-admin
   mvn spring-boot:run
   

4. 验证后端服务

访问以下地址验证后端是否正常启动：

• http://localhost:8080/swagger-ui/index.html - Swagger 文档
• http://localhost:8080/captchaImage - 验证码接口

如果能看到 Swagger 页面或验证码，说明后端启动成功。

5. 重启前端服务

cd study-ui
npm run dev

📋 完整配置检查清单

后端配置

• application.yml 中 server.port: 8080
• 后端服务已重启
• 8080 端口未被占用
• 可以访问 http://localhost:8080/swagger-ui/index.html

前端配置

• vue.config.js 中 baseUrl: 'http://localhost:8080'
• request.js 中使用 /dev-api 代理
• .env.development 文件已创建
• 前端服务已重启

数据库配置

• 数据库连接正常（检查 application-druid.yml）
• Redis 连接正常（检查 application.yml 中的 Redis 配置）

🔧 常见问题

问题1：8080 端口被占用

解决方案：

1. 查找占用进程：netstat -ano | findstr :8080
2. 结束进程：taskkill /PID <进程ID> /F
3. 或者修改后端端口为其他端口（如 8081），并同步修改前端配置

问题2：后端启动失败

检查项：

1. 数据库连接是否正常
2. Redis 服务是否运行
3. 查看后端启动日志中的错误信息
4. 检查 Java 版本是否兼容

问题3：前端仍然连接失败

检查项：

1. 后端服务是否正常运行在 8080 端口
2. 浏览器控制台查看实际请求的 URL
3. 检查代理配置是否正确
4. 清除浏览器缓存后重试

📝 配置总结

当前配置

• 后端端口：8080
• 前端端口：20002
• API 代理：/dev-api → http://localhost:8080
• WebSocket 代理：/ws → ws://localhost:8080

访问地址

• 前端地址：http://localhost:20002
• 后端 API：http://localhost:8080
• Swagger 文档：http://localhost:8080/swagger-ui/index.html

⚠️ 重要提示

1. 修改配置后必须重启服务才能生效
2. 确保数据库和 Redis 服务正常运行
3. 检查防火墙是否阻止了 8080 端口
4. 如果使用其他端口，需要同步修改前端配置