Docker compose 部署前后端-----接纳nginx署理，支持一个端口部署多个前端 ...

Docker compose  部署前后端-----接纳nginx署理，支持一个端口部署多个前端

1、Linux服务器安装最新版docker，确保有docker compose 命令

2、创建docker工作区目次

mkdir docker-workspace
3、进入docker 工作区目次，创建前端nginx目次，创建后端 xxx 目次

mkdir nginx xxx
4、创建config目次和nginx.conf文件

cd nginx
mkdir config
cd config
vi nginx.conf

1. user  nginx;
2. worker_processes  1;
4. error_log  /var/log/nginx/error.log warn;
5. pid        /var/run/nginx.pid;
7. events {
8.     worker_connections  1024;
9. }
11. http {
12.     include       /etc/nginx/mime.types;
13.     default_type  application/octet-stream;
14.     client_max_body_size 100m;
15.     underscores_in_headers on;
16.     log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '
17.                       '$status $body_bytes_sent "$http_referer" '
18.                       '"$http_user_agent" "$http_x_forwarded_for"';
20.     add_header Access-Control-Allow-Origin *;
21.     add_header Access-Control-Allow-Headers X-Requested-With;
22.     add_header Access-Control-Allow-Methods GET,POST,OPTIONS;
24.     access_log  /var/log/nginx/access.log  main;
26.     sendfile        on;
27.     keepalive_timeout  65;
29.     #gzip  on;
31.     # include /etc/nginx/conf.d/*.conf;
33. # 部署aaa前端包，后端接口代理
34. server {
35.     listen 80;
36.     server_name localhost;
38.     root /usr/share/nginx/html;
39.     index index.html;
41.         location / {
42.             root   /usr/share/nginx/html;
43.             try_files $uri $uri/ index.html;
44.             index  index.html index.htm;
45.         }
47.         location /aaa {
48.             alias /usr/share/nginx/html/aaa;
49.             try_files $uri $uri/ /aaa/index.html;
50.             index  index.html index.htm;
51.         }
53.     location /xxx-prod-api/ {
54.         proxy_pass http://x.x.x.x:8801/;  # 后端服务器的地址和端口
55.         proxy_set_header Host $host;
56.         proxy_set_header X-Real-IP $remote_addr;
57.         proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
58.         proxy_set_header X-Forwarded-Proto $scheme;
59.     }
60.   }
61. }

复制代码

5、前端部署，docker容器化部署nginx，创建docker-compose.yml文件,挂载nginx.conf和aaa前端包  （前端包dist改名为aaa）

vi docker-compose.yml

1. version: '1'
2. services:
3.   nginx:
4.      image: nginx:latest
5.      container_name: nginx
6.      hostname: nginx
7.      # network_mode: "host"
8.      ports:  
9.       - 80:80
10.      volumes:  
11.       - ./config/nginx.conf:/etc/nginx/nginx.conf
12.       - ./aaa:/usr/share/nginx/html/aaa
13.      tty: true
14.      # restart: always
15.      command: nginx -g "daemon off;"

复制代码

实行 docker compose up -d 举行容器化部署
查看日记 docker logs -f nginx
6、后端部署，后端包重命名为xxx.jar,到场xxx目次，创建docker-compose.yml文件，挂载资源文件service

cd xxx
mkdir service
cd service
vi start.sh

1. java -Duser.timezone=Asia/Shanghai -Dlog4j2.formatMsgNoLookups=true  -Djava.awt.headless=true -Dfile.encoding=UTF-8 -Dsun.jnu.encoding=UTF-8 -Djava.security.egd=file:/dev/./urandom  -jar -Dspring.config.location=/opt/java_project/service/application.properties xxx.jar

复制代码

将xxx.jar 和 application.properties 放到service目次下
cd ../  到 xxx目次
vi docker-compose.yml

1. version: "3"
2. services:
3.   xxx:
4.     container_name: xxx
5.     image: openjdk:17
6.     volumes:
7.       - ./service/:/opt/java_project/service
8.     ports:
9.       - "8801:8801"
10.     environment:
11.       - TZ="Asia/Shanghai"
12.       - LANG=en_US,UTF-8
13.       - LANGUAGE=en_US:en
14.       - LC_ALL=en_US.UTF-8
15.     working_dir: /opt/java_project/service  
16.     command: sh ./start.sh

复制代码

实行 docker compose up -d 举行容器化部署
查看日记 docker logs -f xxx
示例demo自取：https://gitee.com/xietingwei1/demo.git

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。