centos 6.5部署Nginx

Nginx简介：

Nginx (engine x) 是一个高性能的HTTP和反向代理web服务器，同时也提供了IMAP/POP3/SMTP服务。Nginx是由伊戈尔·赛索耶夫为俄罗斯访问量第二的Rambler.ru站点（俄文：Рамблер）开发的，第一个公开版本0.1.0发布于2004年10月4日。

安装Nginx

需要准备的环境包：

pcre-8.21.tar.gz
zlib-1.2.8.tar.gz
openssl-1.0.1c.tar.gz
nginx-1.2.8.tar.gz

1、安装c++编译环境（如果已安装就不用在安装了）

yum install gcc-c++

2、安装pcre库
PCRE(Perl Compatible Regular Expressions中文含义：perl语言兼容正则表达式)是一个用C语言编写的正则表达式函数库，由菲利普.海泽(Philip Hazel)编写。PCRE是一个轻量级的函数库，比Boost之类的正则表达式库小得多。PCRE十分易用，同时功能也很强大，性能超过了POSIX正则表达式库和一些经典的正则表达式库

cd /usr/local/               		//在这个目录下解压pcre包

tar -zxvf pcre-8.21.tar.gz  		//解压

cd pcre-8.21               			//进入到这个目录 

//在该目录下依次执行下面的命令
./configure				  
make
make install

3、安装zlib库
zlib是提供资料压缩之用的函式库，由Jean-loup Gailly与Mark Adler所开发，初版0.9版在1995年5月1日发表。zlib使用抽象化的DEFLATE算法，最初是为libpng函式库所写的，后来普遍为许多软件所使用。此函式库为自由软件，使用zlib授权。

cd /usr/local/                        //在该目录下对zlib进行解压

tar -xvf zlib-1.2.8.tar.gz            //解压

//进入到该目录依次执行下面的命令 
cd zlib-1.2.8								 
./configure
make
make install

4、安装OpenSSL
在计算机网络上，OpenSSL是一个开放源代码的软件库包，应用程序可以使用这个包来进行安全通信，避免窃听，同时确认另一端连接者的身份。这个包广泛被应用在互联网的网页服务器上。

cd /usr/local/     					//在该目录下对openssl进行解压
 
tar -zxvf openssl-1.0.1c.tar.gz		//解压
 
//进入到该目录依次执行下面的命令 
cd openssl-1.0.1c
./config 
make
make install

5、安装Nginx

cd /usr/local/						//在该目录下对openssl进行解压		
 
tar -zxvf nginx-1.2.8.tar.gz		//解压
 
//进入到该目录依次执行下面的命令 
cd nginx-1.2.8
./configure --prefix=/usr/local/nginx 
make  
make install

//这里做一个软连接,执行如下命令
ln -s /usr/local/nginx/sbin/* /usr/bin

6、启动Nginx

cd /usr/local/nginx/sbin   //到这个目录下

./nginx					  //执行该命令启动nginx

7、浏览器输入部署nginx的ip地址，出现如下图所示的字样说明已经部署成功了

将Vue项目部署到Nginx

前台项目build

1、build项目
使用build命令打包项目

build完成后台会生成一个dist的目录该目录下即为build后的文件。

2、nginx部署前端项目
拷贝dist下的代码到nginx安装目录下html目录中，即可

3、修改nginx的配置（conf/nginx.conf）

vim conf/nginx.conf

在 http{ } 中配置一个server

server {
              listen 8080;    				 	  #端口
              server_name 127.0.0.1;     	 	  #当前服务器ip
       location / {
           root   /home/vue/dist/;     		 	  #dist文件的位置(这是我的dist文件的位置) 
            try_files $uri $uri/ /index.html;     #重定向,内部文件的指向(照写)
       }
        location /api {  						  #当请求跨域时配置端口转发
            proxy_pass http://127.0.0.1:8081/api; #转发地址
        } 
       }

4、重启Nginx

./nginx -s reload

最后看一下结果：

后续会详细进介绍Vue项目在Nginx的部署，如果对你有帮助，给个赞呗，谢谢~