nginx部署

windows版

绿色版nginx，下载解压即可使用。
vue编译之后会生成dist文件夹，目录结构如下：
|——index.html
|——static
|——|——css
|——|——js
|——|——img
|——|——fonts

是一个单页面的应用，资源都是静态的，可以使用nginx做静态资源服务器。

步骤：

1. 安装nginx，例如D:\nginx-1.13.12；
2. 进入D:\nginx-1.13.12\html文件夹，将vue编译后生成的dist文件夹放进去；
3. 修改D:\nginx-1.13.12\conf的nginx.conf文件；
   • server_name，proxy_pass

server {
	listen       801;	#监听端口，默认801，即nginx启动后访问端口
	server_name  10.20.61.55;	#监听地址，改为真实Ip，便于任何人访问

	#charset koi8-r;

	#access_log  logs/host.access.log  main;

	# 项目访问 http://10.20.61.55:801进入/配置，显示dist下的index.html
	location / {
        root    D:/nginx-1.13.12/html/dist;
        index  index.html index.htm;
        try_files $uri $uri/ /index.html;
    }
	# 多项目，location / 目录是root，其他的要使用alias
	# 项目访问 http://10.20.61.55:801/netseal进入/netseal配置，显示netseal下的index.html
    location /netseal {
        alias    D:/nginx-1.13.12/html/netseal;
        index  index.html index.htm;
        try_files $uri $uri/ /netseal/index.html;
    }

	# 反向代理，重定向后台请求，当输入http://10.20.61.55:801/ruoyi-admin/时，重定向到http://10.20.61.55:8080/ruoyi-admin/
	location ^~ /ruoyi-admin/ {
		proxy_pass   http://10.20.61.55:8080/; #后台部署的真实路径
	}
}

这里解释一下 try_files ：

当用户请求 http://localhost/example 时，这里的 $uri就是/example。tr{y}_{f}iles会到硬盘里尝试找这个文件。如果存在名为/$root/example（其中 $root 是项目代码安装目录）的文件，就直接把这个文件的内容发送给用户。
显然，目录中没有叫 example 的文件。然后就看 $uri/，增加了一个/，也就是看有没有名为/$root/example/ 的目录。
又找不到，就会 fall back 到 try_files 的最后一个选项 /index.html，发起一个内部 “子请求”，也就是相当于 nginx 发起一个 HTTP 请求到 http://localhost/index.html。

4. 打开cmd窗口，进入D:\nginx-1.13.12，执行 nginx -t 命令，检查刚修改的nginx.conf文件是否有语法错误；
   修改nginx.conf文件后，最好执行下该命令，以防错误；

D:\nginx-1.13.12>nginx -t
nginx: the configuration file D:\nginx-1.13.12/conf/nginx.conf syntax is ok
nginx: configuration file D:\nginx-1.13.12/conf/nginx.conf test is successful

D:\nginx-1.13.12>

5. 启停命令；

D:\nginx-1.13.12>start nginx	#启动

D:\nginx-1.13.12>nginx -s stop	#停止

D:\nginx-1.13.12>nginx -s reload	#重启

Linux版

# 安装依赖
yum -y install gcc zlib zlib-devel pcre-devel openssl openssl-devel
# 解压缩
tar -zxvf linux-nginx-1.9.9.tar.gz
cd nginx-1.9.9/
# 执行配置
./configure # 编译安装(默认安装在/usr/local/nginx)
./configure /opt/nginx # 安装在/opt/nginx
# 编译安装
make
make install

环境准备

1.Nginx依赖于gcc的编译环境，需安装gcc。
命令：yum install gcc-c++
2.Nginx的http模块需要使用pcre来解析正则表达式，需要安装pcre。
命令：yum install -y pcre pcre-devel
3.安装依赖的解压包。
命令：yum install -y zlib zlib-devel
4.ssl 功能需要 openssl 库，安装 openssl，非必须。
命令：yum install -y openssl openssl-devel

下载和安装nginx

官网下载：http://nginx.org/en/download.html
这里下载nginx-1.9.9版本

1. 上传，解压，进入nginx-1.9.9目录，
2. 执行配置，可指定安装路径，默认在/usr/local/nginx

./configure /opt/nginx # 安装在/opt/nginx

3. 编译并安装‘’

make
make install

启动和访问nginx

进入/opt/nginx/sbin下执行./nginx，便会在后台启动，默认是80端口

[root@localhost /]# cd /opt/nginx/sbin
[root@localhost sbin]# ./nginx
[root@localhost sbin]#
[root@localhost sbin]#
[root@localhost sbin]# ps -elf|grep nginx

在宿主机浏览器访问：http://ip:80/，出现nginx欢迎页即为成功