Nginx篇 ：反向代理简单部署vue项目，注意事项及常用命令

一、基础流程

1.下载nginx

2.在conf文件夹下nginx.conf中配置

 第一项 配置 worker_processes  1;

第二项 配置 events {worker_connections  1024;}

 第三项 配置http

 第四项 在http中配置server

(本人是配置了两个，一个vue项目（上），一个代理了某网站（下）)

 listen是监听的端口号，(默认80)

sever_name 是服务器的ip或者域名

*注意：（vue） 第一个location后面要 / ，如果项目有二级域名的话，后面要添加上vue项目配置中.env.production下的baseurl地址

 第一个location后面一般都是/api/，但是要和.env.production中baseapi保持一致 这个是/ /

如果是要页面的话，直接proxy_pass后面写上要代理的网址

root后面要写dist目录在服务器的完整路径

proxy_pass如果是vue项目的话就写后端服务所部署的服务器地址以及端口号

二、注意事项及bug

        整理完之后看起来很简单明了，操作简单，但是中间确实是遇到不少bug，踩坑居多

        1.大家要注意{}括号的对应，不正确的话 会出现  nginx: [emerg] unexpected “}“

        2.字段后面以 “ ； ” 结尾   （多个server之间不用）

        3.在html文件中要存在要读取的index.html       不存在的话会出现 403 Forbidden

        4.更改后要重启nginx  

        5.root后面 html/dist 中间是/  （将dist放到nginx的html下的话）

        6.注释要#开头

 三、下面是几个nginx常用的几个命令

      查看版本号  ./nginx -v

      启动  ./nginx  或者  start nginx     （我cmd上第二个好使，当然大家可以直接双击nginx.exe就         启动了）

      重新加载  ./nginx -s reload     (更改后养成好习惯走一下，我个人感觉可能意思更像刷新？)

      停止  ./nginx -s stop