xiaozhang/guoyu

Fork 0

xiao12feng 9e1005df88 修复app语音测评、图标、访问课程等问题

2025-12-10 13:15:26 +08:00

7.2 KiB

Raw Blame History

部署配置修改说明

✅ 已完成的配置修改

1. 后端配置（Spring Boot）

文件：`Study-Vue-redis/ry-study-admin/src/main/resources/application.yml`

# 服务器端口（不变）
server:
  port: 30091

# 文件上传路径（根据服务器实际文件位置配置）
# 注意：RuoYiConfig.getUploadPath() 会自动在 profile 后面加上 /upload
# 实际上传路径 = profile + /upload = D:\wwwroot\study_web\web\profile\upload
ruoyi:
  profile: D:\wwwroot\study_web\web\profile

文件：`Study-Vue-redis/ry-study-admin/src/main/resources/application-druid.yml`

# 数据库连接
spring:
  datasource:
    druid:
      master:
        url: jdbc:mysql://127.0.0.1:3306/study?...
        username: study           # ✅ 已修改
        password: rx4aywZZNP3rnrkm  # ✅ 已修改

2. 前端配置（uni-app）

文件：`fronted_uniapp/utils/config.js`

const DEFAULT_SERVER_HOST = '192.168.0.106'  // ✅ 已修改
const DEFAULT_SERVER_PORT = 30091
const DEV_SERVER_HOST = '192.168.0.106'      // ✅ 已修改
const DEV_SERVER_PORT = 30091

文件：`fronted_uniapp/App.vue`

const APP_DEV_HOST = '192.168.0.106'  // ✅ 已修改
const APP_DEV_PORT = 30091
const PROD_HOST = '192.168.0.106'     // ✅ 已修改
const PROD_PORT = 30091

文件：`fronted_uniapp/vite.config.js`

proxy: {
  '/api': {
    target: 'http://192.168.0.106:30091',  // ✅ 已修改
  },
  '/ws': {
    target: 'http://192.168.0.106:30091',  // ✅ 已修改
  }
}

3. 管理后台配置（Vue）

文件：`Study-Vue-redis/ry-study-ui/vue.config.js`

const baseUrl = process.env.VUE_APP_BASE_URL || 
  (process.env.NODE_ENV === 'production' 
    ? 'http://192.168.0.106:30091'  // ✅ 已修改
    : 'http://192.168.0.106:30091') // ✅ 已修改

const port = 20002  // 管理界面端口（访问地址：http://192.168.0.106:20002）

📊 部署信息总结

服务器地址：

新服务器IP：192.168.0.106
后端API端口：30091（不变）
管理界面端口：20002（开发环境）或 8080（生产部署）

文件路径：

配置路径：D:\wwwroot\study_web\web\profile
实际存储示例：D:\wwwroot\study_web\web\profile\upload\2025\11\18\xxx.mp4
数据库存储格式：/profile/upload/2025/11/18/xxx.mp4
访问URL示例：http://192.168.0.106:30091/profile/upload/2025/11/18/xxx.mp4
说明：profile配置会自动加上/upload，所以实际上传路径是 profile + /upload

数据库连接：

地址：127.0.0.1:3306（本地）
数据库名：study
用户名：study
密码：rx4aywZZNP3rnrkm

🚀 部署步骤

1. 重新打包后端

cd Study-Vue-redis
mvn clean package -DskipTests

生成文件：ry-study-admin/target/ry-study-admin.jar

2. 启动后端服务

cd ry-study-admin/target
java -jar ry-study-admin.jar

或使用后台运行：

nohup java -jar ry-study-admin.jar > app.log 2>&1 &

验证： 访问 http://192.168.0.106:30091

3. 部署管理后台（可选）

开发环境运行：

cd Study-Vue-redis/ry-study-ui
npm install
npm run dev

访问：http://192.168.0.106:20002

生产环境部署：

npm run build:prod

将 dist 目录部署到Web服务器（如Nginx）：

配置访问端口为 8080
配置反向代理到后端API 30091

4. 打包uni-app

Android APK：

HBuilderX → 发行 → 原生App-云打包
选择Android
打包

iOS：

HBuilderX → 发行 → 原生App-云打包
选择iOS
需要Apple开发者账号

📝 验证清单

后端验证：

启动Spring Boot服务
访问 http://192.168.0.106:30091
测试登录功能
测试文件上传
验证文件访问：http://192.168.0.106:30091/profile/upload/2025/12/07/xxx.mp4

管理后台验证：

启动Vue开发服务器（或部署Nginx）
访问 http://192.168.0.106:8080（或20002）
测试登录
测试课件管理
验证文件显示

uni-app验证：

重新编译APP
安装到手机
测试登录
测试课程列表
测试视频播放
测试语音评测

⚠️ 注意事项

1. 防火墙配置

确保服务器防火墙开放端口：

30091：后端API
8080：管理后台（如果单独部署）
3306：MySQL（如果远程访问）

2. 文件路径权限

确保Spring Boot进程有权限访问：

D:\wwwroot\study_web\web\profile\

重要：验证文件路径映射

【文件访问】
数据库存储：/profile/upload/2025/11/18/02.妙解成语——对牛弹琴.mp4
配置路径：  D:\wwwroot\study_web\web\profile
完整路径：  D:\wwwroot\study_web\web\profile + /upload/2025/11/18/02.妙解成语——对牛弹琴.mp4
         = D:\wwwroot\study_web\web\profile\upload\2025\11\18\02.妙解成语——对牛弹琴.mp4 ✅

【文件上传】
上传路径：  getUploadPath() = profile + "/upload"
         = D:\wwwroot\study_web\web\profile + /upload
         = D:\wwwroot\study_web\web\profile\upload ✅

3. 数据库访问

如果数据库需要远程访问，修改MySQL配置：

GRANT ALL PRIVILEGES ON study.* TO 'study'@'%' IDENTIFIED BY 'rx4aywZZNP3rnrkm';
FLUSH PRIVILEGES;

4. Nginx配置（生产环境）

管理后台（8080端口）：

server {
    listen 8080;
    server_name 192.168.0.106;
    
    root D:/wwwroot/study_web/ry-study-ui/dist;
    index index.html;
    
    location / {
        try_files $uri $uri/ /index.html;
    }
    
    # 代理API请求
    location /dev-api/ {
        proxy_pass http://127.0.0.1:30091/;
        proxy_set_header Host $host;
        proxy_set_header X-Real-IP $remote_addr;
    }
    
    # 代理文件访问
    location /profile/ {
        proxy_pass http://127.0.0.1:30091/profile/;
    }
}

文件直接访问（可选）：

location /profile/ {
    alias D:/wwwroot/study_web/web/profile/;
    autoindex off;
}

📞 常见问题

Q1: 后端启动失败

检查端口30091是否被占用
检查数据库连接是否正常
查看日志文件

Q2: 文件无法访问

检查文件路径配置是否正确
检查文件是否存在
检查文件权限

Q3: uni-app连接失败

检查手机和服务器是否在同一局域网
检查防火墙设置
清除APP缓存重新安装

Q4: 管理后台登录失败

检查后端服务是否运行
检查网络连接
F12查看浏览器控制台错误

✅ 部署完成检查

完成以下所有检查后，系统即可正常使用：

✅ 后端服务运行在 http://192.168.0.106:30091
✅ 管理后台访问 http://192.168.0.106:8080
✅ 数据库连接正常
✅ 文件上传和访问正常
✅ uni-app可以连接后端
✅ 所有功能测试通过

配置修改完成时间： 2025-12-07
修改内容： 服务器地址从 192.168.1.80 改为 192.168.0.106，数据库账号密码更新

7.2 KiB Raw Blame History Unescape Escape