目的
此文档编写目的为记录 智能乐BI项目 上线流程。
- 代码前端地址：https://gitee.com/the-future-world-only/lebi-frontend
- 代码后端地址：https://gitee.com/the-future-world-only/lebi-backend
- 鱼皮编程导航知识星球：https://yupi.icu/
前端上线
修改端口号
在package.json指定启动前端项目的端口号
"scripts": {
"dev": "npm run start:dev",
"start:dev": "cross-env REACT_APP_ENV=dev MOCK=none UMI_ENV=dev PORT=7000 max dev ",
},
修改请求后端地址
在app.tsx文件修改请求后端地址
export const request = {
baseURL: 'http://上线地址:8083',
withCredentials: true,
...errorConfig,
};
打包项目，并把打包文件上传到宝塔
通过build打包项目
把dist文件上传到宝塔
开放端口号
记得一定要开放端口号（项目启动端口、redis、mysql等），很容易忽略掉
后端上线
添加application-prod.yml文件
把各项配置改为云服务器地址
server:
port: xxxx
spring:
# 数据库配置
datasource:
driver-class-name: com.mysql.cj.jdbc.Driver
url: jdbc:mysql://xxx:xxx:xxx:xxx:3306/bi_system?serverTimezone=UTC&&useSSL=false
username: root
password: _galo20010402
# Redis 配置
# todo 需替换配置
redis:
host: xxx:xxx:xxx:xxx
password: xxxxxx
port: 6379
database: 1
timeout: 10000
rabbitmq:
host: xxx:xxx:xxx:xxx
port: 5672
username: guest
password: guest
mybatis-plus:
configuration:
# 生产环境关闭日志
log-impl: ''
打包项目，并把打包文件上传到宝塔
通过maven插件去打包项目（打包记得要跳过测试）
添加Java项目
项目执行命令：
/usr/bin/java -jar -Xmx1024M -Xms256M 项目jar包路径 --server.port=启动端口 --spring.profiles.active=prod
/usr/bin/java -jar -Xmx1024M -Xms256M /www/wwwroot/lebi-backend/lebi-backend-0.0.1-SNAPSHOT.jar --server.port=8083 --spring.profiles.active=prod
/usr/bin/java -jar -Xmx1024M -Xms256M /www/wwwroot/lebi-backend/lebi-backend-0.0.1-SNAPSHOT.jar.142563447.upload.tmp --server.port=8083 --spring.profiles.active=prod
记录问题
【nginx】上传文件失败：405 not allowed问题解决方法
这个错误信息表示服务器拒绝了你的请求，并且不允许你访问请求的资源。状态码 “405” 表示“不允许”的意思。可能是由于你试图执行不被服务器允许的操作，或者使用了不支持的HTTP方法。请再次确认你的请求是否正确，并且检查你所使用的方法是否被服务器所支持。如果问题仍然存在，你可以尝试联系网站管理员或者服务器的技术支持人员以获取帮助。
解决方案：静态server下的location加入 error_page 405 =200 $uri;
#解决nginx页面刷新会报404
location / {
try_files $uri $uri/ @router;#需要指向下面的@router否则会出现vue的路由在nginx中刷新出现404
index index.html index.htm;
error_page 405 =200 $request_uri; #解决nginx无法上传文件
}
页面刷新会报404
解决方案：https://www.cnblogs.com/galo/p/17091892.html
优质文章
上线过程中查阅的优秀文章
- Docker安装Rabbitmq（配合宝塔）：https://blog.csdn.net/ruoshuiyx/article/details/128305746
- 【nginx】405 not allowed问题解决方法：https://blog.csdn.net/hzxOnlineOk/article/details/129378280