前后端分离项目nginx配置

---

安装nginx

在Centos下，yum源不提供nginx的安装。
首先安装必要的库（nginx 中gzip模块需要 zlib 库，rewrite模块需要 pcre 库，ssl 功能需要openssl库）。
gcc pcre zlib openssl可以不要求打开哪个路径

安装gcc gcc-c++

yum install -y gcc gcc-c++

安装pcre、pcre-devel

yum install -y pcre pcre-devel

安装zlib

yum install -y zlib zlib-devel

安装openssl

yum install -y openssl openssl-devel

安装nginx

一般安装在/usr/local/目录
cd /usr/local/

下载
wget http://nginx.org/download/nginx-1.14.2.tar.gz

解压
tar -zxvf nginx-1.14.2.tar.gz

进入nginx-1.14.2目录依次执行以下命令，进行编译安装
cd ./nginx-1.14.2
./configure
make
make install

编辑nginx.conf配置文件（详细配置）

    server {
    listen       端口号;
    server_name  ip地址;
    #charset koi8-r;
    location / {
            root  /usr/local/travel/dist/; #服务默认启动目录
            index  index.html index.htm; #默认访问文件
            try_files $uri $uri/ /index.html; #vue官方推荐方法，用于解决页面刷新404
    }    
    location /api/{ #需要代理的api地址
        proxy_pass http://IP地址:端口号/;
    }

vue项目上传

在vue项目里面先打开终端敲击命令，打包，会出现dist的打包的文件夹
npm run build

先cd /usr/local/
创建travel文件夹，cd travel
之后把dist文件夹上传

启动nginx

最后cd /usr/local/nginx/sbin
敲击命令
./nginx -s reload
重启nginx