笔记21阿里云搭建Nginx和反向代理配置

1、首先安装nginx所需要的依赖库

它们分别是：openssl、zlib、pcre

  ①、安装pcre：sudo apt-get install libpcre3 libpcre3-dev
  ②、安装zlib：sudo apt-get install zlib1g.dev
  ③、安装openssl：sudo apt-get install openssl libssl-dev

2、使用源码包安装nginx及配置

  ①、下载：wget -o nginx-1.12.0.tar.gz http://nginx.org/download/nginx-1.12.0.tag.gz
  ②、解压安装包：tar -zxvf nginx-1.12.0.tar.gz （版本根据自己情况选择)
  ③、进入nginx目录安装,将nginx安装到home目录下的指定位置:cd nginx-1.12.0/
执行： ./configure –prefix=/home/program/nginx
  ④、make以及make i命令完成安装：make && make install
  ⑤、现在nginx安装在了home/program下，我们可以进行一些配置如react项目的反向代理跨域;
执行 cd../home/program/nginx , 执行 cd conf , 修改配置文件: vim nginx.conf
我们如果不想备案，则可将nginx监听的端口改为非80等默认端口，如81端口，并在阿里云开启此端口；
  ⑥我们修改server下的location来实现反向代理跨域如：
location /api/ { proxy_pass http:xxx:8001; proxy_set_header Host &host }
location /crontab/ { proxy_pass http:xxx:8070; proxy_set_header Host &host }
  ⑦我们还可以通过配置error_page来进行客户端、内网服务器错误的nginx处理：
    error_page 500 502 503 504 /50x.html;
    location = /50x.html {  }
    error_page 404 /40x.html;
    location = /40x.html {  } 

3、接下来我们可以把build的内容替换放在nginx的html下

  ①、我们可以备份html下原有的40x.html、50x.html 他们用于404、500、503错误时候的显示。
  ②、将react项目打包部署后的build文件内容放入nginxg的html下:
    执行 git clone git地址拉取远程build文件
    执行 cp -r /home/program/build/. /home/program/nginx/html 来复制react项目文件
  ③、nginx 每次更改配置后 记得重启nginx：
    执行 cd /home/program/nginx/sbin进入nginx目录
    测试nginx配置文件是否书写正确：./nginx -t
    重启nginx： ./nginx -s reload
  ④、外网输入服务器域名：nginx端口，即可成功访问我们的项目。