docker+nginx部署前端项目（挂载文件），通过域名直接访问

最新推荐文章于 2024-06-27 11:06:27 发布
最新推荐文章于 2024-06-27 11:06:27 发布
阅读量4.1k 收藏 14
点赞数
文章标签： docker nginx linux html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/z741280229/article/details/106489697
版权
本文档详细介绍了如何在Linux(CentOS7)环境中利用docker拉取nginx镜像，创建容器并挂载主机目录，修改配置文件，开放端口，最终实现通过服务器IP或域名直接访问前端项目的步骤。
摘要由CSDN通过智能技术生成

预先安装好docker，这里使用的虚拟机进行实验，linux版本为centos7

1. 拉取nginx镜像

使用docker pull nginx命令直接拉取最新nginx版本，通过 docker search nginx 命令可查看nginx版本号。根据需要选择拉取相应版本

 [root@localhost ~]# docker pull nginx

2. 查看是否拉取成功

[root@localhost ~]# docker images

在这里插入图片描述

3. 根据nginx镜像创建nginx容器并挂载主机目录

首先，在主机中创建目录，如创建一个static目录

 [root@localhost ~]# mkdir static

查看目录路径

[root@localhost static]# pwd

挂载目录


                

                
                
        

        

    




        

            

                    
                      最低0.47元/天 解锁文章
                        
                    
            

        

    

      

        

            

              
                
                  z741280229
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                      0
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    14
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                    0
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      










                



	

		

			

				
					
挂载实现：docker容器里nginx访问宿主机文件

				
			

			

				

					qq_42162899的博客
				

				

					03-29
					
					5980
					
				

			

		

		

			
				
挂载目录后镜像内就可以共享宿主机里的文件

挂载：指的就是将设备文件中的顶级目录连接到 Linux 根目录下的某一目录（最好是空目录），访问此目录就等同于访问设备文件。

问题示例：nginx容器如何访问宿主机的项目静态文件。

1.查看nginx配置文件中的静态文件的访问地址：



2.配置文件中的文件目录，在宿主机中不存在。查看nginx容器内部文件目录。



总结：

该容器文件夹目录挂载了 宿主机的源目录。（查看容器元数据信息时，没有查到这个映射关系）

Project1：

Source: /

			
		

	



                

              
                



	

		

			

				
					
nginx挂载前端静态文件

				
			

			

				

					lin_lzc的博客
				

				

					06-21
					
					175
					
				

			

		

		

			
				
【代码】nginx挂载前端静态文件。

			
		

	



                


  
              

                


	

		

			

				
					
Docker快速极简配置nginx实现不同域名访问分流

					
最新发布

				
			

			

				

					机器人梦想家 Bing
				

				

					06-27
					
					578
					
				

			

		

		

			
				
本文主要记录如何使用docker安装配置Nginx，如何使用Nginx把通过80、443端口访问的请求根据域名分发到不同端口。那么什么是Nginx呢，下边做个简单介绍：Nginx是一款开源的高性能、稳定、灵活的Web服务器和反向代理服务器，以其高效的数据传输能力和广泛的部署场景而闻名全球。它最初由俄罗斯程序员Igor Sysoev于2002年创建，其名字“Nginx”来源于日语单词“Ninginx”，意思是“强大的、快速的”，这恰好体现了其设计哲学。

			
		

	





	

		

			

				
					
Docker文件传输丨如何挂载目录？实现容器和宿主机之间的数据共享，方便开发和部署

				
			

			

				

					青笋的博客
				

				

					06-04
					
					9059
					
				

			

		

		

			
				
当容器启动时，会在镜像的基础上添加一个可写层，容器中的所有修改都会保存在这个可写层中。在Docker中，可以通过挂载目录的方式将宿主机上的目录共享到容器中。由于容器中的文件系统是只读的，因此容器中的文件的权限可能会与宿主机上的不同。这样，在容器中创建的文件就会使用指定的用户和用户组，与宿主机上的文件权限保持一致。在Docker中，容器与宿主机之间的文件传输主要有两种方式：挂载目录和使用。例如，以下命令将在容器中将挂载的目录的权限设置为。这样，在容器中就无法修改挂载的目录中的文件了。例如，如果要将容器中的。

			
		

	



		

			
		



	

		

			

				
					
yum 安装 nginx 初始的 配置代码

				
			

			

				

					雪夜里的孤狼
				

				

					11-01
					
					555
					
				

			

		

		

			
				
nginx yum安装后默认的 nginx.conf 配置内容，作为备忘

			
		

	





	

		

			

				
					
Docker nginx部署二级域名访问多个web项目

				
			

			

				

					fly7632785的专栏
				

				

					07-07
					
					2641
					
				

			

		

		

			
				
<h1 id="前言">前言</h1>
<p>情况是这样的，我借了朋友的阿里云服务器 <strong>用docker</strong> 部署一下自己的网站（方便管理）。他的服务器自身也用nginx挂了

			
		

	





	

		

			

				
					
Docker之Nginx部署前端项目

				
			

			

				

					qq_65345936的博客
				

				

					01-12
					
					1198
					
				

			

		

		

			
				
nginx+tomcat实现反向代理及均衡nginx+html静态服务器。

			
		

	





	

		

			

				
					
docker部署nginx,挂载多个前端部署目录以及跨域问题解决方案.txt

				
			

			

				

					05-28
				

			

		

		

			
				
为了节约成本，很多时候一台server 的nginx可能要部署多个前端的情况，本实例是在docker环境下部署两个前端，同时处理前端调用后端跨域问题，本示例为阿里云centos7 系统docker20.10.6环境下nginx1.19.5版本 ...

			
		

	





	

		

			

				
					
docker nginx 部署多个项目的示例方法

				
			

			

				

					09-30
				

			

		

		

			
				
主要介绍了docker nginx 部署多个项目的示例方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

			
		

	





	

		

			

				
					
docker+daocloud实现前端项目自动构建部署

				
			

			

				

					01-10
				

			

		

		

			
				
项目的自动化部署在大公司或独角兽中用得比较多，相比来进行手动部署项目来说会更加高效。那么本文结合之前学习的docker知识点以及nginx来简单实现VueJs项目的自动部署，当然针对其他项目也类似。 运行环境 首先需要...

			
		

	





	

		

			

				
					
尝试Docker+Nginx部署单页应用方法

				
			

			

				

					09-30
				

			

		

		

			
				
主要介绍了尝试Docker+Nginx部署单页应用方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

			
		

	





	

		

			

				
					
Docker镜像+nginx 部署 vue 项目的方法

				
			

			

				

					01-09
				

			

		

		

			
				
　如果将该dist目录整个传到服务器上，部署成静态资源站点就能直接访问到该项目。  二、获取nginx 镜像 　nginx 是一个高性能的HTTP和反向代理服务器，此处我们选用 nginx 镜像作为基础来构建我们的vue应用镜像。 　...

			
		

	





	

		

			

				
					
docker下前后端分离部署，并配置https和域名访问（两台服务器）

				
			

			

				

					搬砖工具吴某的博客
				

				

					02-07
					
					2388
					
				

			

		

		

			
				
一、部署前端
1、我Nginx的docker启动命令，ssl证书上传至指定位置
docker run -d --name nginx -p 80:80 -p 443:443 -v /mnt/docker/nginx/nginx.conf:/etc/nginx/nginx.conf -v /mnt/docker/nginx/logs:/var/log/nginx -v /mnt/docker/nginx/html:/usr/share/nginx/html -v /mnt/docker/nginx/conf:

			
		

	





	

		

			

				
					
docker中如何启动服务并配置外界访问端口配置

				
			

			

				

					舒一笑的博客
				

				

					11-10
					
					2510
					
				

			

		

		

			
				
如果你在云服务或使用虚拟机，确保相应的端口在安全组或防火墙规则中是开放的，以允许外部访问。这个命令会列出所有正在运行的容器，你可以在这里看到你刚刚启动的容器及其端口映射信息。如果宿主机是远程服务器，你需要使用服务器的IP地址或域名来访问。如果宿主机是本地机器，你可以通过浏览器访问。参数来发布容器端口到宿主机上。端口上运行一个web服务，并且你想要将其映射到宿主机的。替换为你想要运行的Docker镜像名。现在，你应该能够通过访问宿主机的。例如，如果你有一个名为。

			
		

	





	

		

			

				
					
docker容器添加对外映射端口

				
			

			

				

					weixin_30687587的博客
				

				

					09-24
					
					1087
					
				

			

		

		

			
				
一般在运行容器时，我们都会通过参数 -p（使用大写的-P参数则会随机选择宿主机的一个端口进行映射）来指定宿主机和容器端口的映射，例如

docker run -it -d --name [container-name] -p 8088:80 [image-name]

这里是将容器内的80端口映射到宿主机的8088端口
参数说明

-d 表示后台运行容器
-t 为dock...

			
		

	





	

		

			

				
					
将docker容器端口映射到域名

				
			

			

				

					Awesome_py的博客
				

				

					09-12
					
					624
					
				

			

		

		

			
				
通过nginx反向代理,将容器端口映射到域名

			
		

	





	

		

			

				
					
docker容器启动后修改或添加端口

				
			

			

				

					Bejpse的博客
				

				

					08-14
					
					4867
					
				

			

		

		

			
				
如果不是root用户查看的话，可能会出现权限不够的问题，可以通过chown更改文件夹权限，docker的默认文件夹应该是。将宿主机的1888端口映射到容器的8888端口。一、通常间接的办法是，保存镜像，再创建一个新的容器，在创建时指定多个端口映射。这种方式的优点是不会影响统一宿主机上的其他容器，缺点是管理起来显得比较乱。其中，apr表示用户当前所在的用户组，user表示用户账户名称，可以使用。将宿主机的1888和1006端口映射到容器的8888和6006端口。3)用前一步新生成的镜像重新起一个容器，其中。.

			
		

	





	

		

			

				
					
快速上手！使用Docker和Nginx部署Web服务的完美指南

					
热门推荐

				
			

			

				

					qq_35716689的博客
				

				

					01-27
					
					28万+
					
				

			

		

		

			
				
本文将为您提供一个完整的指南，教您如何使用Docker和Nginx来部署和管理Web服务，包括域名和SSL证书的配置。

			
		

	





	

		

			

				
					
docker 部署nginx 部署前端项目

				
			

			

				

					08-12
				

			

		

		

			
				
现在，您的前端项目已经通过Nginx成功部署在Docker中了。您可以通过访问http://localhost 来查看您的项目。  请注意，上述步骤假设您的前端项目不需要任何特殊的Nginx配置。如果您的项目需要自定义Nginx配置，请将...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值