服务器之家:专注于服务器技术及软件下载分享
分类导航

云服务器|WEB服务器|FTP服务器|邮件服务器|虚拟主机|服务器安全|DNS服务器|服务器知识|Nginx|IIS|Tomcat|

服务器之家 - 服务器技术 - 服务器知识 - Docker部署前后端分离项目的实现示例

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

2022-01-11 16:30流觞_ 服务器知识

本文主要介绍了Docker部署前后端分离项目的实现示例,文中通过示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

一、环境准备

服务器

阿里云服务器 1核+2GB即可

软件

本次部署采用的是 docker,因此软件环境都在 docker 上

我们需要 MySQL 8.0.x版本,Redis,Nginx,提前下好镜像即可

二、运行镜像

MySQL安装

MySQL我用的是8.0.x的版本,在部署过程中出现了一些问题,在这里跟大家分享一下

?
1
2
3
4
5
6
7
8
9
10
11
12
13
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

命令解释:

?
1
2
3
4
5
6
7
8
9
10
11
-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    设置密码
-d  mysql: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,启动报错:

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

如下

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

查看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才有效,比如:

?
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安装

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

命令解释

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

Nginx安装

因为我需要挂载目录,所以我运行了下面的命令

?
1
2
3
4
5
6
7
8
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.jsdevServer节点映射端口,与后端端口一致

运行以下命令:

?
1
npm run build:prod

会在本地生成 dist 目录

后端

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

运行以下命令:

?
1
2
mvn clean
mvn package

ruoyi-admintarget下生成了一个 jar 包,那就是我们需要的

四、部署

前端

配置 nginx,这里开始我在 /nginx/conf/conf.d/default.conf下配置,发现配置不生效。后来在/nginx/conf/conf.d/nginx.conf下配置就好了,具体配置如下:

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
server {
       listen       80;
       server_name  localhost;     # 可以用服务器ip代替
 
       location / {
           root   /usr/share/nginx/html/dist/;
           index  index.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代替
       }
    }

在我部署完成后发现不是在根目录下 刷新 就会出现 404 Not Found,找到以下解决方案:

在配置 location 的时候加上try_files $uri $uri/ /index.html last;

后端

我使用的是 Dockerfile + jar 打包成镜像的部署方式

Dockerfile

?
1
2
3
4
5
6
7
8
9
FROM java:8
 
VOLUME /jiang
 
ADD ruoyi-admin.jar app.jar
 
EXPOSE 7777
 
ENTRYPOINT ["java","-jar","app.jar"]

在服务器里创建一个文件夹,放入 Dockerfile 和 jar包,运行如下命令生成镜像

?
1
docker build -t ruoyi-vue .

注意:最后还有一个 .

此时,我们只需运行生成的镜像即可

?
1
docker run -d -p 7777:7777 --name nflj-vue ruoyi-vue

到此这篇关于Docker部署前后端分离项目的实现示例的文章就介绍到这了,更多相关Docker部署前后端分离项目内容请搜索服务器之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持服务器之家!

原文链接:https://blog.csdn.net/qq_37543356/article/details/111501261

延伸 · 阅读

精彩推荐