docker配置nginx，并部署多个项目-Toy模板网

这篇具有很好参考价值的文章主要介绍了docker配置nginx，并部署多个项目。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

前言

基于开发需要需要使用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       8088;
        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:8088/one或者192.168.31.131:8088/tow，就可以访问各自的项目了。

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

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

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

至于如何兼顾 two项目，暂时尚未清楚，大神路过可以留言。文章来源地址https://www.toymoban.com/news/detail-771458.html

到了这里，关于docker配置nginx，并部署多个项目的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

docker配置nginx，并部署多个项目

前言

1、docker安装nginx容器

2、配置nginx.conf

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

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

支付宝扫一扫领取红包，优惠每天领

二维码1

二维码2