CentOS 7 Nginx1.6.2 安装与部署vue项目笔记

参考菜鸟教程

系统平台：CentOS 7 64位。如下链接任意下载

CentOS Mirrors List

依赖库安装

一、安装编译工具及相关的依赖库。

Nginx依赖包下载地址：

yum -y install make zlib zlib-devel gcc-c++ libtool  openssl openssl-devel

二、首先要安装 PCRE

PCRE 作用是让 Nginx 支持 Rewrite 功能。

1、下载 PCRE 安装包，先输入su 和root密码进入root模式，然后

[root@bogon src]# cd /usr/local/src/
    [root@bogon src]# wget http://downloads.sourceforge.net/project/pcre/pcre/8.35/pcre-8.35.tar.gz

2、解压安装包:

[root@bogon src]# tar zxvf pcre-8.35.tar.gz

3、进入安装包目录

[root@bogon src]# cd pcre-8.35

4、编译安装

 [root@bogon pcre-8.35]# ./configure
 [root@bogon pcre-8.35]# make && make install

安装 Nginx

1、下载 Nginx，并解压，下载地址：nginx: download

[root@bogon src]# cd /usr/local/src/
[root@bogon src]# wget http://nginx.org/download/nginx-1.6.2.tar.gz
[root@bogon src]# tar zxvf nginx-1.6.2.tar.gz

2、进入安装包目录，编译安装

    [root@bogon src]# cd nginx-1.6.2
    [root@bogon nginx-1.6.2]# ./configure --prefix=/usr/local/webserver/nginx --with-http_stub_status_module --with-http_ssl_module --with-pcre=/usr/local/src/pcre-8.35
    [root@bogon nginx-1.6.2]# make
    [root@bogon nginx-1.6.2]# make install

到此，nginx安装完成。

运行看看

[root@bogon conf]# /usr/local/webserver/nginx/sbin/nginx

打开127.0.0.1看到

welcome to nginx的页面说明成功了

Nginx 其他命令

以下包含了 Nginx 常用的几个命令：

n/nginx -s reload            # 重新载入配置文件
/usr/local/webserver/nginx/sbin/nginx -s reopen            # 重启 Nginx
/usr/local/webserver/nginx/sbin/nginx -s stop              # 停止 Nginx

快捷启动关闭Nginx shell制作

为了快捷打开和关闭服务，我们做个简单的shell，nginx路径根据自己情况，自行修改

cd /usr/local/webserver/nginx
vim start
# 编辑快捷启动路径命令，然后按ESC，输入:wq保存退出
    /usr/local/webserver/nginx/sbin/nginx
    ps -ef|grep nginx

vim stop
# 同理，停止服务的快捷命令，再退出
    /usr/local/webserver/nginx/sbin/nginx -s stop
    ps -ef|grep nginx

# 件赋予它们root执行权限
chmod +744 start stop

之后在这个路径下，执行 sh start 就能开启服务
执行  sh stop  就能关闭服务

配置Nginx代理web页

找到nginx.conf，修改配置，找到以下配置段，修改

vim /usr/local/webserver/nginx/conf/nginx.conf

修改为编译好的vue项目路径，自行修改，然后按ESC键，输如:wq 保存退出

检查配置文件nginx.conf的正确性命令：

[root@bogon conf]# /usr/local/webserver/nginx/sbin/nginx -t

然后重新启动Nginx就行了，之后打开主页就能看到我们的vue项目

 

遇到的问题：

[root@localhost nginx]# /usr/local/webserver/nginx/sbin/nginx -s reload
nginx: [error] invalid PID number "" in "/usr/local/webserver/nginx/logs/nginx.pid"

这个需要先启动Nginx，再载入配置才行哈哈哈。不然就会报这个错误。