前端 Vue 简单使用 Nginx 打包部署 --Nginx 简介 命令大全

1. 使用  build 打包项目
2. 安装  Nginx
3. 配置 conf\nginx.conf  文件

   1.  location / {
                  root   D:\VSCode\vue-cli\Vue2\vue2\protect-vue2\dist;    
                          # 页面在电脑上的路径
                  index  index.html index.htm;
                  try_files $uri $uri/ @router;    
                     #找 指定路径下的文件，如果不存在，则转给哪个文件执行  解决404问题
             }
              #vue 项目路由不是真是存在的，要配置
       location @router {
           rewrite ^.*$ /index.html last;
             }

4. 运行 Nginx 

   1. start nginx

        

    5.Nginx ： 

nginx 基本概念:

    Nginx (engine x) 是一个高性能的HTTP和反向代理web服务器，同时也提供IMAP/POP3/SMTP服务，内存小并发强。

    niginx  作用

      反向代理:     装在 服务端    【正向代理：    VPN，翻墙工具，装在web端】

     

      负载均衡：    策略：（轮询，加权轮询，iphash(解决session问题【不建议】)，）

      动静分离：    (boostrap,jquery)

命令：

    start nginx.exe  启动进程

    nginx -s reopen #重启Nginx

    nginx -s reload #重新加载Nginx配置文件，然后以优雅的方式重启Nginx

    nginx -s stop #强制停止Nginx服务

    nginx -s quit #优雅地停止Nginx服务（即处理完所有请求后再停止服务）

    nginx -t #检测配置文件是否有语法错误，然后退出

    nginx -?,-h #打开帮助信息

    nginx -v #显示版本信息并退出

    nginx -V #显示版本和配置选项信息，然后退出

    nginx -t #检测配置文件是否有语法错误，然后退出

    nginx -T #检测配置文件是否有语法错误，转储并退出

    nginx -q #在检测配置文件期间屏蔽非错误信息

    nginx -p prefix #设置前缀路径(默认是:/usr/share/nginx/)

    nginx -c filename #设置配置文件(默认是:/etc/nginx/nginx.conf)

    nginx -g directives #设置配置文件外的全局指令

    killall nginx #杀死所有nginx进程