更新：后面发现项目部署上去之后，能够成功打开项目，但是会出现刷新页面报错404问题，后面才知道是前端代码是用VUE框架写的，会造成刷新失败的结果，因此要在nginx配置文件上增加一行代码，具体配置如下：

server{
         listen 8081;  #监听端口
         server_name chatbot; #域名，用于代替将要访问的主机ip
  
         location / {
		root /var/www/dist;  #将要访问的网站目录
		index index.html index.htm;
		try_files $uri $uri/ /index.html;
         }
  
}

一、前言

Nginx服务器是轻量级、高性能的HTTP和反向代理web服务器，本篇文章讲述如何在一个服务器上使用Nginx来转发代理静态资源，包括图片、前端网页html、视频、文档等，整个过程很详细、简单，新手容易上手。
开始教程之前，默认个人服务器已经满足如下条件：

1. 拥有一台个人的服务器，例如阿里云或腾讯云，并且知道服务器开放的端口有哪些（可在云服务器控制台进行设置），例如8094
2. 服务器已经安装好Nginx

二、步骤

2.1 上传静态资源到服务器

这里可使用命令scp -r 本地目录路径 服务器地址+目录（服务器用户名@服务器IP:路径），然后输入服务器的密码，需要注意的是有时候会遇到权限受阻的情况，此时需要将服务器目录文件夹和本地文件夹将权限设置为chmod 777 文件，-r参数是指遍历文件夹所有文件，单独文件不需要该参数

这里上传静态资源的存放位置可设为/var/www/images，所有静态资源都存放在此，记住路径！

2.2 修改Nginx配置文件

1. 在Linux环境下登录服务器，通过输入whereis nginx，则会返回包含Nginx的所有文件目录，然后需要输入cd /etc/nginx，输入ls查看包含的所有文件主要是看nginx.conf和conf.d，如果没有conf.d文件，则需要新建一个文件夹mkdir conf.d，该文件夹存放nginx的配置文件。
   
2. 接着输入vim nginx.conf，在http{}模块最后面加入内容include /etc/nginx/conf.d/*.conf;表明会自动索引到conf.d文件夹下所有的带.conf结尾的文件，如下：
   
3. 输入命令cd conf.d，进入conf.d文件夹，并新建文件vim test.conf，进入如下的输入：

server{
	listen 8082;
	server_name img_source;
	
	location /images/ {
		root /var/www/; 
                autoindex on;	
	}
}

1：8082  服务器开放的端口号
2&3：静态资源存放的路径，完整的路径如2.1标注所示：var/www/images
4：自动引导

这样完成了配置，保存文件

2.3 重启Nginx服务

修改完nginx配置文件后，还需要做的是，就是需要重启nginx服务，这里通过输入nginx -s reload命令重新加载nginx服务

2.4 测试

打开浏览器在地址栏输入：http://服务器ip:端口/images/完整资源名，按下回车即可
以打开一张图片为例：

三、总结

Nginx与Apache和Tomcat相比，有反向代理、负载均衡的优点，被越来越多的人青睐使用，甚至还出现了Nginx与Tomcat搭配使用的方案，例如Nginx代理静态资源，Tomcat代理动态资源，相辅相成达到最好的效果。