Nginx及前端部署全流程：初始化配置到生产环境部署（附Nginx常用命令）

前言

目标：在xshell中部署前端包。
第一步：下载nginx
第二步：前端打包与创建具体文件夹路径
第三步：配置nginx.nginx.conf文件
第四步：配置nginx.service文件。
第五步：启动nginx

常用nginx命令在文末。

下载nginx

sudo yum install nginx -y

下载成功如下图

前端打包与创建具体文件夹路径

前端打包：npm run build
创建文件夹路径：mkdir /data/web
mkdir是创建文件夹命令，后面自己随便起就行。

配置nginx.nginx.conf文件

root账户不用sudo，其他需要，这个命令是为了编辑conf文件的

 sudo vim /etc/nginx/nginx.conf

conf文件内容

events {
   
   
worker_connections 512;
}

http {
   
   
        server{
   
   
  listen 80;
 root /data/web/dist/;


location / {
   
   
    try_files $uri $uri/