Docker部署前后端分离项目的实现示例 Docker部署前后端分离项目的实

一、环境准备
二、运行镜像

解决问题
Redis安装
Nginx安装

三、打包项目

四、部署

一、环境准备服务器
阿里云服务器 1核+2GB即可
软件
本次部署采用的是 docker，因此软件环境都在 docker 上
我们需要 MySQL 8.0.x版本，Redis，Nginx，提前下好镜像即可

二、运行镜像 MySQL安装
MySQL我用的是8.0.x的版本，在部署过程中出现了一些问题，在这里跟大家分享一下

docker run \-p 3306:3306 \--name mysql \--privileged=true \--restart unless-stopped \-v /home/mysql8.0.20/mysql:/etc/mysql \-v /home/mysql8.0.20/logs:/logs \-v /home/mysql8.0.20/data:/var/lib/mysql \-v /home/mysql8.0.20/mysql-files:/var/lib/mysql-files \-v /etc/localtime:/etc/localtime \-e MYSQL_ROOT_PASSWORD=123456 \-d mysql:8.0.20 \--lower_case_table_names=1

命令解释：

-p 端口映射--privileged=true挂载文件权限设置--restart unless-stopped设置开机后自动重启容器-v /home/mysql8.0.20/mysql:/etc/mysql挂载配置文件-v /home/mysql8.0.20/logs:/logs \挂载日志-v /home/mysql8.0.20/data:/var/lib/mysql \挂载数据文件持久化到主机-v /home/mysql8.0.20/mysql-files:/var/lib/mysql-files MySQL8之后需要同步这个文件夹-v /etc/localtime:/etc/localtime容器时间与宿主机同步-e MYSQL_ROOT_PASSWORD=123456设置密码-dmysql:8.0.20后台启动,mysql--lower_case_table_names=1让MySQL不区分大小写（0:大小写敏感; 1:大小写不敏感）

在没有配置 --lower_case_table_names=1 前出现 Table XX.QRTZ_LOCKS doesn‘t exist 的问题
百度一番后发现 MySQL 5.x 和 8.x 的这个配置还有些不同

PS:MySQL8.0.2启动报Different lower_case_table_names settings for server ('1') and data dictionary ('0').
记录在安装了MySQL 8.0.20之后，初始化的时候在my.cnf里设置了lower_case_table_names=1，启动报错：

文章图片

如下

文章图片

查看MySQL官方文档，有记录：

lower_case_table_names can only be configured when initializing the
server. Changing the lower_case_table_names setting after the server
is initialized is prohibited.

只有在初始化的时候设置 lower_case_table_names=1才有效，比如：

--initialize --lower-case-table-names=1

详见
https://bugs.mysql.com/bug.php?id=90695

解决问题
做好备份，删除原来的 MySQL 容器，重新运行 MySQL，在命令结尾加入 --lower_case_table_names=1，
因为 MySQL 8 之后，这一步需要在初始化的时候设置

Redis安装

docker run -p 6379:6379 --name redis -v /home/redis/data/:/data -d redis:3.2 redis-server --appendonly yes

命令解释

-v /home/redis/data/:/data挂载数据目录--appendonly yes 开启redis 持久化

Nginx安装
因为我需要挂载目录，所以我运行了下面的命令

docker run \-d \-p 80:80 \--name nginx \-v /home/nginx/conf:/etc/nginx \-v /home/nginx/html:/usr/share/nginx/html \-v /home/nginx/logs:/var/log/nginx \nginx

运行完之后，发现总是会自动退出，查看日志信息后百度无果，一番搜索后发现 nginx 启动时需要先将要挂载的目录先创建出来，否则就会出现自动退出的情况。
因此，我们需先创建挂载目录，然后再运行命令

三、打包项目前端
修改vue.config.js 中 devServer节点映射端口，与后端端口一致
【Docker部署前后端分离项目的实现示例】运行以下命令：

npm run build:prod

会在本地生成 dist 目录
后端

修改 application.yml 端口、文件上传路径
修改logback.xml 日志生成路径log.path
修改 MySQL、Redis地址

运行以下命令：

mvn cleanmvn package

在 ruoyi-admin的 target下生成了一个 jar 包，那就是我们需要的

四、部署前端
配置 nginx，这里开始我在 /nginx/conf/conf.d/default.conf下配置，发现配置不生效。后来在/nginx/conf/conf.d/nginx.conf下配置就好了，具体配置如下：

server {listen80; server_namelocalhost; # 可以用服务器ip代替location / {root/usr/share/nginx/html/dist/; indexindex.html index.htm index login; try_files $uri $uri/ /index.html last; }location /prod-api/ {proxy_set_header Host $http_host; proxy_set_header X-Real-IP $remote_addr; proxy_set_header REMOTE-HOST $remote_addr; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; proxy_pass http://localhost:7777/; # 可以用服务器ip代替}}