Vue项目中Nginx配置及第三方模块添加采坑记

Posted 2021-12-19 仰望星空的代码

前言

        一般项目的前端工程都是在开发完毕并打包后交给后端或运维来部署，前端开发人员是两耳不闻部署事，一心只把UI画。正在开发的一个项目采用了前端人员自己部署打包好的前端文件并自己配置web服务器，web服务器采用的是高性能web服务器——nginx。本文记录在使用Nginx过程中遇到的各种坑，比如Nginx的基本配置、作为反向代理服务器的配置、缓存的配置、读取环境变量的配置等等。

        本文中涉及到的前端框架和Nginx的版本信息：

        nginx：v1.20.1

一、Nginx的基本配置

        这里的基本配置包含一些对性能、日志、功能及nginx运行的必要的配置，具体配置内容及相关描述如下：

########### 每个指令必须有分号结束。#################

# 语法：user user [group];
# 默认值：user nobody nobody;
# 定义：定义工作进程使用的用户和组凭据。如果省略group，则使用名称等于user的组。
user root;

# 语法：worker_processes number | auto;
# 默认值：worker_processes 1;
# 定义：定义工作进程的数量。最优值取决于许多因素，包括(但不限于)CPU内核的数量、存储数据的硬盘驱动器的数量和加载模式。当有疑问时，将它设置为可用CPU核的数量将是一个很好的选择(值“auto”将尝试自动检测CPU核数)。
# 注：worker进程被启用，则已经存在了一个master进程，所以查看系统中nginx的进程数可以发现：
# nginx进程总数 = master进程数（1） + worker进程数&