126 lines
3.3 KiB
Markdown
126 lines
3.3 KiB
Markdown
# 后端端口配置修复说明
|
||
|
||
## 🔍 问题原因
|
||
|
||
**发现的问题：**
|
||
- 后端配置文件 `application.yml` 中端口配置为 `30091`
|
||
- 前端配置期望后端运行在 `8080` 端口
|
||
- 导致访问 `localhost:8080` 时显示"拒绝访问"
|
||
|
||
## ✅ 已修复
|
||
|
||
### 1. 后端端口配置 (`ry-study-admin/src/main/resources/application.yml`)
|
||
- ✅ 已将端口从 `30091` 修改为 `8080`
|
||
|
||
```yaml
|
||
server:
|
||
port: 8080 # 已修改
|
||
```
|
||
|
||
## 🚀 下一步操作
|
||
|
||
### 1. 停止当前后端服务
|
||
如果后端服务正在运行在 30091 端口，需要先停止它：
|
||
|
||
**Windows 系统：**
|
||
```powershell
|
||
# 查找占用 30091 端口的进程
|
||
netstat -ano | findstr :30091
|
||
|
||
# 根据 PID 结束进程（替换 24336 为实际的 PID）
|
||
taskkill /PID 24336 /F
|
||
```
|
||
|
||
**或者直接重启 IDE/停止后端服务**
|
||
|
||
### 2. 检查 8080 端口是否被占用
|
||
```powershell
|
||
netstat -ano | findstr :8080
|
||
```
|
||
|
||
如果 8080 端口被占用，需要：
|
||
- 停止占用 8080 端口的程序
|
||
- 或者修改后端端口为其他可用端口（如 8081）
|
||
|
||
### 3. 重启后端服务
|
||
1. 在 IDE 中重新启动后端服务
|
||
2. 或者使用命令行：
|
||
```bash
|
||
cd ry-study-admin
|
||
mvn spring-boot:run
|
||
```
|
||
|
||
### 4. 验证后端服务
|
||
访问以下地址验证后端是否正常启动：
|
||
- `http://localhost:8080/swagger-ui/index.html` - Swagger 文档
|
||
- `http://localhost:8080/captchaImage` - 验证码接口
|
||
|
||
如果能看到 Swagger 页面或验证码，说明后端启动成功。
|
||
|
||
### 5. 重启前端服务
|
||
```bash
|
||
cd study-ui
|
||
npm run dev
|
||
```
|
||
|
||
## 📋 完整配置检查清单
|
||
|
||
### 后端配置
|
||
- [x] `application.yml` 中 `server.port: 8080`
|
||
- [ ] 后端服务已重启
|
||
- [ ] 8080 端口未被占用
|
||
- [ ] 可以访问 `http://localhost:8080/swagger-ui/index.html`
|
||
|
||
### 前端配置
|
||
- [x] `vue.config.js` 中 `baseUrl: 'http://localhost:8080'`
|
||
- [x] `request.js` 中使用 `/dev-api` 代理
|
||
- [x] `.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. **如果使用其他端口，需要同步修改前端配置**
|
||
|