从零开始在Springboot+Vue项目上搭建Nginx服务器，完成静态文件存放到本地电脑上。

一、事情的起因：
写管理系统的时候，数据表中有一个字段被用来存储上传图片的地址。本人在上传图片的时候，采用模拟上传操作，将照片存储到了本地电脑的D盘上。存放在数据表中字段的值为D:/uploads/1741141288982_bd8415d7a452957780e0193a075fedc.png。其中D:/uploads，是本地文件夹的位置。通过保存的图片地址来访问与加载图片。将前端Vue和后端Springboot的服务启动之后，通过常用的8080端口访问之后，得到了如下图所示的东西：
　　　　　　

二、解决思路：
通过查阅资料后得知，在Web应用中，直接通过本地文件路径（如 D:/uploads/...）来引用图片通常是不可能的，因为出于安全考虑，大多数现代浏览器不允许通过file://协议直接访问本地文件系统中的文件。
这种限制同样适用于通过HTTP或HTTPS协议运行的本地开发服务器。所以打算配置一个Nginx服务器来存放静态图片资源。
三、为什么选择Nginx来做代理：
选择Nginx作为代理服务器有多个原因，这些原因通常与Nginx的性能、灵活性、稳定性和功能集有关。以下是选择Nginx作为代理服务器的一些主要理由：
（1）高性能和高并发处理能力。（2）低资源消耗 。（3）稳定性和可靠性。（4）灵活性和模块化。（5） 负载均衡。（6）SSL/TLS终止 Nginx可以处理SSL/TLS加密，减轻后端服务器的负担。（7）静态文件服务。（8） 缓存 Nginx。（9）配置简单。（10）社区和企业支持。
优点有很多，但是最大的优点是能存储静态文件服务(哈哈哈哈哈哈哈，就是这么随意)；
四、解决方法：
通过Nginx代理服务器来加载静态数据的步骤如下：
（1）下载Nginx代理服务器：
　　网站为：nginx: download
　　　

　　这里采用nginx-1.16，因为在Windows系统下运行，所以采用nginx/Windows-1.16.1  pgp 版本的。
（2）下载完成后，进行解压操作，得到如下所示内容：
　　

（3）打开conf文件夹，打开nginx.conf文件，修改如下内容：（这是最重要的一步）
　　　　

（4）可以将原本上传到D盘uploads文件夹下的图片，上传到这里，也就是指dataa文件夹下面。
　　　　

（5）将数据库中存放图片的路径中，关于D:/uploads字段全部删除，只留下图片名。
　　　　

（6）找到nginx服务器所在的文件夹，输入start nginx
　　　　

 （7）确保任务管理器中有一个nginx程序在运行。
　　　　

（8）通过加载前端页面，调用后端数据，进行展示。
              

（9）在后端页面上，获取的数据库字段前面加上 http://localhost/  。
　　　　　　

（10）到了这里，通过nginx服务器来存放静态数据，就算完成了。 

来源：程序园用户自行投稿发布，如果侵权，请联系站长删除
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！