广告
返回顶部
首页 > 资讯 > 服务器 >Docker部署前后端分离项目的实现示例
  • 442
分享到

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

2024-04-02 19:04:59 442人浏览 八月长安
摘要

目录一、环境准备二、运行镜像解决问题Redis安装Nginx安装三、打包项目四、部署一、环境准备 服务器 阿里云服务器 1核+2GB即可 软件 本次部署采用的是 Docker,因此软

一、环境准备

服务器

阿里云服务器 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    设置密码
-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,启动报错:

在这里插入图片描述

如下

在这里插入图片描述

查看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.jsdevServer节点映射端口,与后端端口一致

运行以下命令:


npm run build:prod

会在本地生成 dist 目录

后端

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

运行以下命令:


mvn clean
mvn package

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

四、部署

前端

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


 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


FROM java:8

VOLUME /jiang

ADD ruoyi-admin.jar app.jar

EXPOSE 7777

ENTRYPOINT ["java","-jar","app.jar"]

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


docker build -t ruoyi-vue .

注意:最后还有一个 .

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


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

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

--结束END--

本文标题: Docker部署前后端分离项目的实现示例

本文链接: https://www.lsjlt.com/news/158651.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作