Ecs服务器离线Nginx安装和Vue项目部署说明

服务器环境说明

用于vue部署和nginx反向代理的ecs服务器共4台：

1. 10.3.230.39 4核8G
2. 10.3.230.40 4核8G
3. 10.3.230.42 4核8G
4. 10.3.230.43 4核8G

说明：部署条件为离线源码部署。

由于离线环境无法使用yum源方式部署，需要一台能联网的服务器或虚拟机准备好本地nginx的运行环境和其他所有相关依赖。

一.本地nginx环境和依赖准备

1.安装一台最小化安装的操作系统

#yum install yum-utils
2.使用下面命令查看是否安装成功

#yum info yum-utils

安装成功.jpg

3.将nginx软件包和其全部依赖关系包一并下载到某个指定目录，支持通配符
# repotrack nginx* -p /path/to/dir

说明 可能还是会缺少底层相关依赖，部署时可根据提示将缺少的依赖重复上述操作进行下载。

二. Ecs服务器安装nginx

1. 登陆ecs服务器，在根目录下创建download文件夹，将下载好的
   nginx和依赖文件上传至此目录下。
2. 根目录下创建yum/repo文件，将download下的nginx依赖解压至此目录下。
3. 使用createrepo命令创建repo元数据，也就是repodata目录。
4. 创建repo配置文件，将yum源指向/yum/repo目录。
   mv /etc/yum.repos.d/CentOS-Base.repo /etc/yum.repos.d/CentOS-Base.repo.backup
vi /etc/yum.repos.d/local

[local]
name=local 
baseurl=file:///yum/repo
gpgcheck=0 

5. 至此nginx安装环境和依赖已经准备好了，将download下准备好的nginx安装压缩文件安装至/usr/local/nginx下。
6. 使用nginx -v命令查看nginx是否安装成功
7. 配置环境变量，便于全局启动nginx
   vim /etc/profile
   添加 export PATH=$PATH:/usr/local/nginx/sbin
   运行以生效
   source /etc/profile

三. nginx配置后台服务器SLB地址和其他相关配置

1. 修改nginx配置文件
   #vim /usr/local/nginx/conf/nginx.conf

user  root;#修改用户为root
worker_processes  1;

#error_log  logs/error.log;
#error_log  logs/error.log  notice;
#error_log  logs/error.log  info;

#pid        logs/nginx.pid;


events {
    worker_connections  1024;
}


http {
    include       mime.types;
    default_type  application/octet-stream;

    #log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '
    #                  '$status $body_bytes_sent "$http_referer" '
    #                  '"$http_user_agent" "$http_x_forwarded_for"';

    #access_log  logs/access.log  main;

    sendfile        on;
    #tcp_nopush     on;

    #keepalive_timeout  0;
    keepalive_timeout  65;

    #gzip  on;
# another virtual host using mix of IP-, name-, and port-based configuration
    #
    #server {
    #    listen       8000;
    #    listen       somename:8080;
    #    server_name  somename  alias  another.alias;
    #    location / {
    #        root   html;
    #        index  index.html index.htm;
    #    }
    #}

    # HTTPS server
    #
    #server {
    #    listen       443 ssl;
    #    server_name  localhost;

    #    ssl_certificate      cert.pem;
    #    ssl_certificate_key  cert.key;

    #    ssl_session_cache    shared:SSL:1m;
    #    ssl_session_timeout  5m;

    #    ssl_ciphers  HIGH:!aNULL:!MD5;
    #    ssl_prefer_server_ciphers  on;

    #    location / {
    #        root   html;
    #        index  index.html index.htm;
    #    }
    #}
    #
    #配置真实后台服务SLB或服务地址
    upstream bicwebSvr{
        server 10.3.230.65:9001;#根据实际情况可配置多个SLB地址
    }
    
    upstream omswebSvr{
        server 132.232.19.211:9123;
    }
    
    upstream loginwebSvr{
        server 132.232.19.211:9009;
    }
    
    server {
    #    listen       443 ssl;
    #    server_name  localhost;
    
        listen       8080;#监听端口
        server_name  localhost;

    #    ssl_certificate      cert.pem;
    #    ssl_certificate_key  cert.key;

    #    ssl_session_cache    shared:SSL:1m;
    #    ssl_session_timeout  5m;

    #    ssl_ciphers  HIGH:!aNULL:!MD5;
    #    ssl_prefer_server_ciphers  on;

        location / {
            root   /project/jdzt/dist;#指定vue项目文件路径所在的位置
            index  index.html index.htm;
        }
        
        location /bicweb {
            proxy_pass http://bicwebSvr;
        }
        
        location /omsweb {
            proxy_pass http://omswebSvr;
        }
        
        location /loginweb {
            proxy_pass http://loginwebSvr;
        }
    }

}

2. 重启nginx服务
   # nginx -s reload
3. 完成nginx安装和部署