前言

基于开发需要需要使用Docker安装nginx，并部署多个前端项目。

1、docker安装nginx容器

docker pull nginx# 挂载项目静态资源和配置文件
docker run --name nginx -p 8088:8088 \
-v /ruoyi/nginx/html:/usr/share/nginx/html \ 
-v /ruoyi/nginx/conf/nginx.conf:/etc/nginx/nginx.conf \
-v /ruoyi//nginx/conf.d:/etc/nginx/conf.d 
-d nginx

2、配置nginx.conf

worker_processes  1;events {worker_connections  1024;
}http {include       mime.types;default_type  application/octet-stream;sendfile        on;keepalive_timeout  65;server {listen       8080;server_name  192.168.31.131;root   /usr/share/nginx/html;location /one {alias /usr/share/nginx/html/one/;try_files $uri $uri/ /one/index.html;index  index.html index.htm;}location /two {alias /usr/share/nginx/html/two/;try_files $uri $uri/ /two/index.html;index index.html index.htm;}# 解决刷新浏览器 404问题location @router {rewrite ^.* /one/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_pass http://192.168.31.131:8081/;}error_page   500 502 503 504  /50x.html;location = /50x.html {root   html;}}
}

此时访问 192.168.31.131:8080/one或者192.168.31.131:8080/tow，就可以访问各自的项目了。

3、其中可能会出现的问题

例如：nginx反向代理到one项目后，在刷新页面突然出现404的问题时，可以通过配置nginx.conf来处理（笔者使用的Vue项目，路由是Router）。

# 解决刷新浏览器 404问题
location @router {rewrite ^.* /one/index.html last;
} 

至于如何兼顾 two项目，暂时尚未清楚，大神路过可以留言。