一、安装编译工具及库文件
yum -y install make zlib zlib-devel gcc-c++ libtool openssl openssl-devel
安装 Nginx
1、下载 Nginx,下载地址:[http://nginx.org/download/nginx-1.6.2.tar.gz]
2、解压安装包
[root@localhost src]# tar zxvf nginx-1.6.2.tar.gz
3、编译安装
[root@localhost nginx-1.6.2]# ./configure
[root@localhost nginx-1.6.2]# make && make install
4、安装后可以查看版本
[root@localhost local]# /usr/local/nginx/sbin/nginx -v
Nginx安装完成!!!
Nginx 配置各种场景配置
配置软连接,方便启动
[root@localhost nginx]# ln -s /usr/local/nginx/sbin/nginx /usr/sbin/nginx
[root@localhost nginx]# nginx
[root@localhost nginx]# ps -C nginx
PID TTY TIME CMD
13588 ? 00:00:00 nginx
13589 ? 00:00:00 nginx
1、创建nginx_vue.conf 的文件(默认的配置文件是/usr/local/nginx/conf/nginx.conf)
修改默认配置 vi nginx.conf
加入创建的.conf文件
2、配置自定义配置文件
命令vim nginx_vue.conf
修改server模块下部分参数:
#监听端口,浏览器访问使用
listen 8080;
#服务器地址(域名、IP)
server_name localhost;
#charset koi8-r;
#进程运行日志的存储地址
#access_log logs/host.access.log main;
#资源访问配置(location后的表达式,支持正则)
location / {
# 项目所在位置
root /user/local/dist;
#前端起始页位置,支持多个(如下)
index index.html index.htm;
}
保存退出
3、转发访问
// 下面这些代码的意思是将本机80号端口接受来的消息转发给
192.168.121.131 的 80 号端口
upstream www.auto.com{ //这里的域名随便填,但是要和下面的对应
server 192.168.121.131:80; //真正提供服务的服务器的ip地址和端口
}
server{
listen 80; // 监听80号端口发过来的消息
location /{
proxy_pass http://www.auto.com;
index index.html index.php;
}
}
或者 根据不同端口进行转发
//这些代码的意思是将80端口接收到的信息转发给 192.168.121.131的80端口,而将接受到的 8080端口的信息转发给 192.168.121.131的8080端口
upstream www.auto.com{
server 192.168.121.131:80;
}
upstream www.auto2.com{
server 192.168.121.131:8080;
}
server{
listen 80;
location /{
proxy_pass http://www.auto.com;
index index.html index.php;
}
}
server{
listen 8080;
location /{
proxy_pass http://www.auto2.com;
index index.html index.jsp;
}
}
4、负载均衡配置
1):轮询:每个请求按时间顺序逐一分配到不同的后端服务器,如果后端服务器down掉,能自动剔除
upstream www.auto.com{
server 192.168.121.131:80;
server 192.168.10.20:80;
}
server{
listen 80;
location /{
proxy_pass http://www.auto.com;
index index.html index.php index.jsp;
}
}
2):ip_hash:每个请求按访问ip的hash结果分配,这样每个访客固定访问一个后端服务器,可以解决session的问题。
upstream www.auto.com{
ip_hash;
server 192.168.121.131:80;
server 192.168.10.20:80;
}
server{
listen 80;
location /{
proxy_pass http://www.auto.com;
index index.html index.php index.jsp;
}
}
3):weight:指定轮询几率,weight和访问比率成正比,用于后端服务器性能不均的情况。
upstream www.auto.com{
server 192.168.121.131:80 weight=10;
server 192.168.10.20:80 weight=20;
}
server{
listen 80;
location /{
proxy_pass http://www.auto.com;
index index.html index.php index.jsp;
}
}
4): fair : 按后端服务器的响应时间来分配请求,响应短的服务器优先分配
upstream www.auto.com{
server 192.168.121.131:80 weight=10;
server 192.168.10.20:80 weight=20;
fair;
}
server{
listen 80;
location /{
proxy_pass http://www.auto.com;
index index.html index.php index.jsp;
}
部署vue项目访问出现空白页的问题
解决方法:修改项目config/index.js中build的assetsPublicPath属性为/
nginx的相关命令
nginx文件夹下:
启动:./sbin/nginx
根据配置文件启动:./sbin/nginx -c nginx_vue.conf(默认为nginx.conf)
停止:./sbin/nginx -s stop
退出:./sbin/nginx -s quit(优雅的停止)
重启:./sbin/nginx -s reopen
重新加载配置文件:./sbin/nginx -s reload
查看帮助:./sbin/nginx -s -h