Mac部署前端项目到阿里云centos(nginx服务)

1. 本地终端输入ssh -l root 云服务器公网ip
2. 输入密码
3. 下载安装nginx服务所需环境
   A. yum install gcc-c++
   B. yum install -y pcre pcre-devel
   C. yum install -y zlib zlib-devel
   D. yum install -y openssl openssl-devel
   E. wget -c https://nginx.org/download/nginx-1.12.0.tar.gz(如果没有安装wget,使用yum install wget安装)
4. 解压
   tar -zxvf nginx-1.12.0.tar.gz
cd nginx-1.12.0
5. 配置nginx
   使用默认配置./configure
6. 编译 安装
   make
make install

查看nginx安装目录： whereis nginx

启动停止nginx：
cd /usr/local/nginx/sbin/
./nginx 
./nginx -s stop
./nginx -s quit
./nginx -s reload

上传本地代码到服务器：

scp -r 本地目录 root@服务器ip:服务器静态资源目录

常见问题：启动后，提示80端口被占用
解决办法：
  安装net-tool 包：yum install net-tools
  查询ps aux|grep nginx相关进程
  如果是nginx自己占用，可quit后重启nginx
  如果是别的服务，可sill pid 杀掉服务
  如果占用80的服务不能关，可在配置文件修改nginx监听的端口：
  cd /usr/local/nginx/conf/
  vi nginx.conf 回车
  输入i，进入修改状态
  修改80为83等其他空闲端口
  esc 后 输入 :wq保存并返回命令行输入状态
  重启nginx服务
  ./nginx -s quit
  ./nginx

常见问题：
vue项目刷新404
解决办法(修改nginx配置)：
location / {
    root ...
    index ...
    try_files $uri $uri/ /index.html; ---解决页面刷新404问题
}

nginx配置文件常用配置：
    listen 83;
    server_name localhost;
    location / {
        root   静态资源路径(如：/data/html/);
        index  index.html;
    }
    其他静态资源：
    location /system {
        alias  静态资源路径(如：/data/html-sys/);
        index  index.html;
    }

参考：https://www.cnblogs.com/boony...