基于docker完成nginx静态代理配置

nginx静态代理配置

本文基于docker配置nginx静态代理


1. 先用docker安装nginx的镜像

#下载镜像
docker pull nginx

#创建镜像&把对应的 宿主机对应文件夹映射到 容器
#宿主机配置文件映射到容器 /opt/nginx/nginx.conf   /etc/nginx/nginx.conf 
#宿主机日志文件映射到容器 /opt/nginx/logs/       /var/log/nginx/
#宿主机前端打包静态代码映射到容器  /opt/nginx/html/   /etc/nginx/html

docker run --name nginx -p 8090:80 -v /opt/nginx/nginx.conf:/etc/nginx/nginx.conf   -v /opt/nginx/logs/:/var/log/nginx/   -v /opt/nginx/html/:/etc/nginx/html   -v /opt/nginx/conf/:/etc/nginx/conf.d --privileged=true -d nginx

2.将前端打包好的静态文件放置在宿主机 /opt/nginx/html/文件夹中

3 .配置nginx.config文件,这里有两种配置方案

  1. 不加前端前缀 如 127.0.0.1:8090/login/
  2. 加上指定前缀, 如/myapp/,请求为 127.0.0.1:8090/myapp/login

1 不加前缀的nginx.config 配置方法


#my nginx by static_proxy 
  server{
	 listen    80;
        server_name   localhost;
	

       location / {
            root /var/1og/nginx/html/; #不加前缀配置root && dist后面可带可不带 ‘/’ 
	          index index.html index.htm;
	          try_files $uri $uri/ @router;  # 需要指向下面的@router否则会出现vue的路由在nginx中刷新出现404
         }
       location @router {
            rewrite ^.*$ /index.html last; 
       }

以上完成之后启动docker restart nginx 重启一下nginx容器

访问 ip:8090 即可访问到对应的项目

2 加上前缀 nginx.config 的配置方法

这里需要把location的 root 改为 alias

总结 一下root 和 alias的区别
a .root会根据完整的URI请求来映射,如上文如果配置

  location /myapp {
            root /var/1og/nginx/html/;
	          index index.html index.htm;

         }

映射的最终uri为 /myapp/var/log/nginx/html/xxxxx , 显然会请求不到对应的静态资源

b.alias会把location后面配置的路径丢弃掉,把当前匹配到的目录指向到指定的目录。

不过我这里试了一下,配置了前缀后,似乎不能用绝对路径了,只能用相对路径,而且文件夹名也不能叫dist,得改成html,有知道为什么的可以留言告知一下。

 #my nginx by static_proxy 
  server{
	 listen    80;
        server_name   localhost;
	

       location /myapp {
            alias html; #加前缀配置alias,这里的html和config同一级目录 
	          index index.html index.htm;
	          try_files $uri $uri/ @router;  # 需要指向下面的@router否则会出现vue的路由在nginx中刷新出现404
         }

       location @router {
            rewrite ^.*$ /myapp/index.html last; #这里的前缀和自己配置的一样,没有可不设置
       }
    }

以上完成之后启动docker restart nginx 重启一下nginx容器
访问 ip:端口/8090/myapp 就可以访问到前端项目啦

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
### 回答1: Docker是一种容器化技术,用于隔离应用程序和它们的依赖,并以轻量级和可移植的方式进行分发和部署。而Docker Compose和Dockerfile是Docker生态系统中常用的工具,用于管理和构建多个容器化应用程序。 Docker Compose是一个命令行工具,通过一个简单的文本文件(通常是YAML格式)来定义、配置和运行多个Docker容器。它提供了一种非常简便的方式来描述和管理各个容器之间的关联性,同时还能够一次性启动、停止和删除整个应用程序的所有容器。通过Docker Compose,我们可以轻松地创建和管理包含多个服务的复杂应用程序,例如前端应用程序和后端数据库。 Dockerfile是一个用于定义Docker镜像的文本文件,其中包含了构建镜像所需的指令和配置。通过编写Dockerfile,我们可以描述应用程序的运行环境、依赖关系和启动命令等信息。Docker通过读取Dockerfile并按照其中的指令逐步构建镜像,最终生成一个可执行的容器化应用程序。对于一个基于Nginx的Web应用程序,我们可以使用Dockerfile来定义Nginx配置静态资源,然后通过构建镜像来打包应用程序。 综上所述,docker-compose、Dockerfile和Nginx可以结合使用,实现多个容器之间的协同工作和复杂应用程序的构建。我们可以使用Docker Compose来管理包含Nginx容器的应用程序,通过Dockerfile来定义Nginx镜像的构建过程,最终实现一个可部署的Nginx容器化应用程序。这种方式能够提高应用程序的可移植性、可复用性和易于管理性,为开发人员和运维人员带来许多便利。 ### 回答2: docker-compose是一个可以管理多个容器的工具,它使用一个YAML文件来定义容器的配置信息。dockerfile是用来构建镜像的脚本文件,它包含了一系列的命令来描述容器的构建过程。nginx是一个开源的高性能的Web服务器和反向代理服务器。 使用docker-compose可以很方便地定义和管理多个容器之间的关系和依赖。可以在docker-compose.yaml文件中定义多个服务,每个服务对应一个容器,而这些容器可以通过互联网络进行通信。例如,可以定义一个nginx服务,同时还可以定义一个后端应用程序的服务,并且将两个服务连接在一起。使用docker-compose up命令可以启动所有定义的服务,并且可以使用docker-compose logs命令来查看日志信息。 dockerfile是一个用来描述构建镜像过程的文件,它包含了一系列的命令来指定容器中的操作。在dockerfile中可以使用FROM命令指定基础镜像,然后使用RUN命令来执行一些操作,比如安装软件包、配置环境等。对于nginx这个容器,可以使用dockerfile来构建自定义的镜像,并且可以在其中配置nginx的相关设置,例如端口、路由规则等。 通过使用docker-compose和dockerfile,可以很轻松地将nginx部署到容器中,并且可以定义nginx和其他服务之间的联系和依赖关系。这样可以更加方便地进行应用程序的部署和管理,同时也可以通过容器的隔离性和易于移植性来提高应用程序的安全性和可靠性。 ### 回答3: Docker Compose和Dockerfile是两个与Docker相关的重要概念,而Nginx则是一款常用的高性能Web服务器和反向代理服务器软件。 Docker Compose是一个用于定义和运行多个Docker容器的工具。它通过一个单独的YAML配置文件,可以定义容器之间的关系和依赖,并且可以一键式地启动、停止和管理这些容器。使用Docker Compose,我们可以方便地把多个服务组合在一起,比如前端应用、后端应用和数据库等。 Dockerfile是一个用于构建Docker镜像的文本文件。它包含一系列的指令,用于告诉Docker引擎如何构建镜像。通过Dockerfile,我们可以自定义镜像的内容和配置,包括基础镜像选择、软件安装、文件复制、环境变量设置等。Dockerfile的编写可以帮助我们实现镜像的自动化构建和版本管理。 Nginx是一款轻量级的高性能Web服务器和反向代理服务器软件。它具有占用资源少、处理并发请求能力强等特点,被广泛用于构建高性能的Web应用架构。通过使用Nginx,我们可以实现负载均衡、反向代理静态文件缓存、SSL加密等功能。 结合这三个概念,我们可以运用Docker Compose来定义和管理多个容器,比如前端应用容器和Nginx容器。通过Dockerfile,我们可以定义Nginx容器的自定义镜像,包括选择基础镜像、安装Nginx和相关依赖、设置Nginx配置文件等。然后,通过Docker Compose一键式地启动这些容器,实现前端应用和Nginx服务器的整合。 总之,Docker Compose、Dockerfile和Nginx是三个在Docker应用开发和部署中非常重要的概念和工具。它们可以帮助我们方便地管理和构建容器,实现应用的快速部署和扩展。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值