[系统运维]linux下安装ngnix并部署vue项目

一.下载ngnix
使用版本：nginx-1.14.2.tar.gz
下载地址：http://nginx.org/en/download.html
二.安装ngnix
1.创建ngnix目录：mkdir nginx
2.进入ngnix目录：cd nginx
3.配置nginx安装所需环境，nginx目录下执行一下命令：

yum install gcc-c++ //安装时候需要选择一下，之间选择y，回车。
yum install -y pcre pcre-devel
yum install -y zlib zlib-devel
yum install -y openssl openssl-devel

4.使用xftp把下载的ngnix的压缩包，上传到服务器

5.解压：tar -zxvf nginx-1.14.2.tar.gz
6.进入：nginx-1.14.2目录，之间执行./configure
7.编译和安装nginx
在当前目录nginx-1.14.2，输入：make
编译成功之后：make install
8.启动nginx
进入/usr/local/nginx/sbin目录，输入./nginx即可启动nginx：./nginx
关闭nginx
./nginx -s quit 或者 ./nginx -s stop
重启nginx
./nginx -s reload
查看nginx进程
ps aux|grep nginx

三部署
1.打包vue项目npm run build
2.把打包好的dist文件内容上传到服务器

3、修改配置文件
此外，进入cd /usr/local/nginx/conf目录可修改nginx的配置文件：
vim nginx.conf
按键盘i进行编辑，编辑完成按 Esc,再输入 :wq

 server {
            listen 8005;
            server_name 10.10.10.122;
            server_name somename alias another.alias;
            location /api/ {
                proxy_pass http://10.10.10.122:8790/;//这个是vue生成环境下，
                //数据请求接口，跨域配置，http://10.10.10.122：8005/api/kkk
                //会映射到http://10.10.10.122:8790/kkk(配置这一条时注意前后都有/)
            }
            location / {
                root /home/test/web/jx_px;//这个目录是vue打包之后上传到服务器目录。
                index index.html index.htm;
                try_files $uri $uri/ /index.html;//这个解决路由为history模式下，刷新页面找不到问题。
            }
        }

说明：如果需要配置多个vue项目，只需添加多个server配置即可。
4、重启nginx
在usr/local/nginx/sbin/目录下
重启：
./nginx -s reload