Nginx反向代理实现部署dist文件

Linux服务器安装nginx可以参考文章–Linux服务器安装Nginx
Nginx常用命令可以参考文章–Nginx 启动、关闭、重启、检测等常用命令

1.创建文件存放dist文件

我的nginx安装目录为：/usr/local/nginx/nginx-1.21.6
注意：每个人的安装目录可能不一样
第一步进入自己nginx的安装目录
第二步新建存放dist文件存放的文件夹
第三步将dist文件上传到新建的文件夹中

//进入nginx安装目录
cd /usr/local/nginx/nginx-1.21.6

//创建web_app文件存在dist文件
mkdir web_app

//上传dist可以通过ftp获取其他ssh远程连接软件实现，这里就不细讲

2.修改配置

nginx默认配置文件在安装目录下的 /conf/
nginx所有配置可以参考文章–Nginx配置文件详解
直接参考下面配置代码

//配置nginx的进程数
worker_processes  1;



events {
	//最大连接数
	worker_connections  1024; 
}


http {
	//文件拓展名与文件类型的对应映射表
    include  mime.types;
    //配置nginx响应前端请求默认的MIME类型，默认default_type text/plain
    default_type  application/octet-stream;

	//开启高效文件传输模式，sendfile指令指定nginx是否调用sendfile函数来输出文件，
    //对于普通应用设为 on，如果用来进行下载等应用磁盘IO重负载应用，可设置为off，
    //以平衡磁盘与网络I/O处理速度，降低系统的负载。注意：如果图片显示不正常把这个改成off。
	sendfile on;
	
	//长连接模式，默认开启，单位秒
	keepalive_timeout  65;

	server {
        listen	80;
        server_name  localhost;

        location / {
        	//dist文件路径
            root   /web_app/dist;
            index  index.html index.htm;
        }

        error_page	500 502 503 504  /50x.html;
        location = /50x.html {
        	//错误页面路径
            root	/web_app/dist;
        }
	
}

3.重启Nginx服务

参考文章–Nginx 启动、关闭、重启、检测等常用命令