Nginx服务器的配置及打包文件的上传

最新推荐文章于 2025-07-22 11:56:42 发布
原创 最新推荐文章于 2025-07-22 11:56:42 发布 · 6.9k 阅读 · 3 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#Nginx #发布前端项目

本文介绍如何在CentOS 7的云服务器上配置Nginx，并将前端项目打包文件上传到Nginx服务器。内容包括Nginx的启动、停止和重启命令，打包文件上传系统的方法，以及修改Nginx配置文件实现页面访问。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

我的上一篇博客文章(Nginx在CentOS 7腾讯云主机上的安装及遇到的问题解决与总结)，已经详细讲解了如何安装Nginx，这一篇我就写一下自己是如何把项目打包之后放在Nginx上面的。本文基于CentOS 7的云服务器来讲解，不同操作系统命令有所差异。

1. Nginx的启动，停止和重启命令

Linux 系统中安装的软件都会在 /usr/local/ 目录下，我们进入 /usr/local/ ，执行 ls 命令

[root@VM_0_2_centos ~]# cd /usr/local
[root@VM_0_2_centos local]# ls


从图中可以看到 /usr/local/ 目录下有 Nginx 的安装目录 nginx。

进入  /usr/local/nginx/sbin 目录，现在可以开始执行命令了，在该目录下有 nginx 命令


                

        

    

    
  


        

            

                      
                        最低0.47元/天 解锁文章
                        

                          
200万优质内容无限畅学

                          
                        

                      
            

        


    



                



	

		

			

				
					
npm run build部署到云服务器中的Nginx（图文配置）

				
			

			

				

					码农研究僧的博客
				

				

					08-26
					
					769
					
				

			

		

		

			
				
对于Nginx的基本知识推荐阅读：

Nginx将https重定向为http进行访问的配置（附Demo）
详细分析Nginx配置参数（附Demo）
Nginx配置静态网页访问（图文界面）
Nginx从入门到精通（全）
一开始访问不到，以为是Nginx的配置哪里有问题，最后发现云服务器有个必不可少的点要注意，此贴主要为了记录总结

			
		

	



                

            
              



	

		

			

				
					
【保姆级】FastDFS+Nginx搭建图片文件服务器，SpringBoot实现本地上传

				
			

			

				

					Geekst的博客
				

				

					03-14
					
					4169
					
				

			

		

		

			
				
fastDFS

写在最前：
1、由于是最近做毕设用到了，而原笔记是2年前写的，所以截图里的服务器可能不一样。因为近期（2022.3.14）毕设我重新搭建了一套，并完善了笔记。所以总体来说，没有任何问题，不影响食用，按照步骤搭建可以100%成功！！
2、本次毕设的环境是CentOS7.6【Linux内核没什么影响的其实】
3、如果有问题，可以评论区留言～

1 简述
​	FastDFS是一个开源的轻量级分布式文件系统，它对文件进行管理，功能包括：文件存储、文件同步、文件访问（文件上传、文件下载）等，解决了大

			
		

	



              


  
              

                


	

		

			

				
					
nginx搭建文件服务器上传文件获取文件

				
			

			

				

					05-16
				

			

		

		

			
				
基于openresty+nginx+lua实现文件服务器（包括获取文件及上传文件）

			
		

	





	

		

			

				
					
【上传】Nginx 上传文件

				
			

			

				

					亲测，只为展现最完美的有效！
				

				

					06-30
					
					2万+
					
				

			

		

		

			
				
本文包含知识点：


1、nginx服务搭建

2、nginx文件上传模块搭建

3、文件重命名服务搭建

3、nginx整体配置

4、测试


引言

一般可以应用在上传不是跟频繁的场景，都可以采用Nginx上传文件。我们都知道，上传文件几乎是每个项目必备，nginx在web项目中又是不可缺的，如果能将上传功能附在nginx上，可以省掉一个文件服务系统的搭建，大大降低维护部署成本和维护成本。

文件树



nginx服务搭建

参照之前的文章：https://blog.youkuaiyun.com/zhan107

			
		

	



		

			
		



	

		

			

				
					
nginx搭建文件服务器

					
最新发布

				
			

			

				

					weixin_44997483的博客
				

				

					07-22
					
					187
					
				

			

		

		

			
				
【代码】nginx搭建文件服务器。

			
		

	





	

		

			

				
					
利用Nginx的上传模块和上传进度模块实现网页上传文件

					
热门推荐

				
			

			

				

					waden的专栏
				

				

					12-04
					
					3万+
					
				

			

		

		

			
				
最近做一个产品，需要实现从网页上传文件给服务器。一般情况下都是采用Ajax异步方式，创建一个iframe，在iframe里面把数据以form方式提交给后端的服务器脚本，由服务器脚本（比如PHP）来负责接收上传的数据。这种方式存在性能和效率的问题。所以，决定采用Nginx的上传模块来完成接收数据的功能，接收完数据后，再去转给后端脚本语言进行后续处理（比如：移动文件、插入文件的信息到数据库中）。同时，

			
		

	





	

		

			

				
					
向nginx服务器上传文件,Nginx搭建上传服务器

				
			

			

				

					weixin_42357916的博客
				

				

					08-04
					
					4135
					
				

			

		

		

			
				
使用 Nginx Upload Module 上传文件安装编译环境：yum -y install gcc gcc-c++kernel-devel创建目录：mkdir /tmp/nginx进入目录：cd /tmp/nginxwget http://www.zlib.net/zlib-1.2.11.tar.gzwget http://nginx.org/download/nginx-1.10.2.ta...

			
		

	





	

		

			

				
					
文件上传实现 和Nginx安装

				
			

			

				

					weixin_57550458的博客
				

				

					07-13
					
					476
					
				

			

		

		

			
				
1. 文件上传实现
1.1 编辑properties文件

1.2 动态为属性赋值
说明: 文件上传的完整代码 注意磁盘地址/URL地址的拼接 问题
@Service
@PropertySource("classpath:/image.properties") //动态导入pro配置文件
public class FileServiceImpl implements FileService{
    //最优做法:应该使用配置文件动态的属性赋值!!!!
    @Value("${file.localDir

			
		

	





	

		

			

				
					
如何将webpack打包好的代码部署到Nginx云服务器上（适用于前端后分离）

				
			

			

				

					yangzhenyu2的博客
				

				

					07-08
					
					2599
					
				

			

		

		

			
				
参考：https://segmentfault.com/a/1190000014588132
Nginx是一款轻量级的Web 服务器/反向代理服务器
首先，webpack打包好的目录如下：

在开发过程中，我们是通过npm run dev在开发环境中运行代码
如果要部署到生产环境中，可以运行npm run build进行上线打包

打包完成后，会发现项目中多了dist这个文件夹

执行结果和webpack的配置文件一致。
代码被webpack打包完成后下一步就是部署到服务器上，此文适合于前端代码是部署在li

			
		

	





	

		

			

				
					
Vuejs+vue-router打包+Nginx配置的实例

				
			

			

				

					12-01
				

			

		

		

			
				
在本文中，我们将探讨如何结合 Vue.js 和 Vue Router 进行项目打包，并配置 Nginx 服务器以确保应用的正常运行。  在基于 Vue CLI 创建的项目中，Vue Router 可以使用两种模式：hash 模式和 history 模式。hash 模式...

			
		

	





	

		

			

				
					
Nginx做文件服务器 支持上传和下载

				
			

			

				

					scugxl的专栏
				

				

					07-07
					
					2万+
					
				

			

		

		

			
				
文章目录Abstract可选步骤 移除已安装的nginx module从源码安装nginx 并加载上传模块配置支持下载支持可选的配置用户名密码访问下载配置运行截图配置上传支持上传测试如何上传后的文件是正确的名字呢?参考
Abstract
把nginx作为一个简单的http服务器. 因为可能涉及到加载额外的module 所以我们会从源码开始编译.
可选步骤 移除已安装的nginx module
这个步骤是可选的  如果在后面按照源码安装nginx后 加载其他module有冲突时:类似于下面的错误:
nginx

			
		

	





	

		

			

				
					
Nginx文件上传模块配置

				
			

			

				

					04-22
				

			

		

		

			
				
Nginx是一个高性能的HTTP和反向代理服务器，也是IMAP/POP3/SMTP代理服务器，是由俄罗斯人lgor Sysoev开发，支持模块加载和卸载，其中upload_module和upload_progress_module就是第三方开发的模块，并没有加入到Nginx的源码中，upload_module是上传文件到服务器的模块，upload_progress_module是监听和报告文件上传进度模块。其大概的思想是，客户端通过file表单向Nginx发送http请求，请求中附带名为X-Progress-ID的随机数来标明上传文件的id，请求头如：http://hostname/upload?X-Progress-ID=id。upload_progress_module通过该id来标示上传文件的状态，客户端可以通过http://hostname/progress?X-Progress-ID=id来请求查看文件上传进度状态，将其封装成JSON格式，返回给客户端。我们要做的工作就是要将这两个模块加入到Nginx中，提供文件上传的服务。

			
		

	





	

		

			

				
					
搭建：基于nginx的上传功能

				
			

			

				

					hefrankeleyn的博客
				

				

					08-19
					
					5531
					
				

			

		

		

			
				
搭建基于nginx的上传功能

			
		

	





	

		

			

				
					
向nginx服务器上传文件,nginx 上传文件服务器上

				
			

			

				

					weixin_35969257的博客
				

				

					08-07
					
					1630
					
				

			

		

		

			
				
nginx 上传文件服务器上 内容精选换一换已成功登录鲲鹏分析扫描工具。只有管理员用户(depadmin)可以执行白名单的升级操作。白名单解密依赖服务器操作系统中的OpenSSL组件，请确保当前环境中的OpenSSL组件版本不低于1.0.2k。如果有用户正在执行其他任务，则不支持管理员在任务执行过程中升级白名单。弹出升级进度对话框，升级成功后，请到白名单保存目录“/opt/depa已成功登录鲲鹏代...

			
		

	





	

		

			

				
					
nginx文件服务器,文件上传

				
			

			

				

					计算机毕业论文源码，学生个人网页制作html源码。贴近用户做网络推广和互联网优化。
				

				

					11-17
					
					517
					
				

			

		

		

			
				
如何利用nginx或tomcat搭建文件服务器
1.前期准备nginx安装成功tomcat安装成功2.更改nginx的配置文件更改nginx.conf文件，在http/server/location层次结构下，添加proxy_pass;一句话即可。注意不要放了;结尾。3.重启nginx，在浏览器中输入nginx的访......

			
		

	





	

		

			

				
					
nginx服务器实现上传文件功能_使用nginx-upload-module模块

				
			

			

				

					web15117360223的博客
				

				

					03-07
					
					867
					
				

			

		

		

			
				
上传成功会返回一个文本响应，文本内容为：File uploaded successfully!可以看到，文本内容符合预期，接着我们查看/root/nginxShare/upload目录。可以看到，文件已上传成功，不过文件的名字是从1开始的，具体怎么控制文件名还没实现。上传的文件存放在/root/nginxShare/upload目录下。html文件在/root/nginxShare目录下。在浏览器输入：192.168.61.61::80。运行nginx服务器。

			
		

	





	

		

			

				
					
nginx代理文件上传

				
			

			

				

					lonelyhiker
				

				

					05-16
					
					1923
					
				

			

		

		

			
				
在使用Nginx作为反向代理处理文件上传的场景中，默认情况下，Nginx会先接收并缓存整个上传文件到磁盘或内存，然后再将文件转发给后端的文件上传服务。

			
		

	





	

		

			

				
					
NGINX代理服务文件上传大小设置

				
			

			

				

					qq_39994174的博客
				

				

					02-22
					
					849
					
				

			

		

		

			
				
nginx代理上传文件

			
		

	





	

		

			

				
					
Nginx 实战：Nginx搭建上传作业平台

				
			

			

				

					qq_33240556的博客
				

				

					03-23
					
					1374
					
				

			

		

		

			
				
在Nginx中搭建文件上传服务，通常需要配合相应的模块，如或者使用第三方服务如Tus协议的实现。这里以。

			
		

	





	

		

			

				
					
使用Servlet实现Java文件上传下载服务器

				
			

			

				

					
				

			

		

		

			
				
"基于Java Servlet实现...通过上述步骤，你可以构建一个简单的Java Servlet文件服务器，实现基本的文件上传和下载功能。然而，对于生产环境，通常会使用更专业、安全的文件服务解决方案，如Nginx、Apache或云存储服务。

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

  
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

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

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值