项目部署06 Linux安装nginx部署网页

84 阅读3分钟

01.安装nginx

  1. 安装依赖 yum -y install gcc zlib zlib-devel pcre-devel openssl openssl-devel image.png

  2. 下载并解压nginx
    cd /usr/local进入到 /usr/local 目录下
    mkdir nginx创建 nginx 目录
    cd nginx进入到 nginx 目录下
    wget http://nginx.org/download/nginx-1.13.7.tar.gz下载 nginx 压缩包
    tar -xvf nginx-1.13.7.tar.gz解压文件
    image.png

  3. 添加ssh模块,后续如果有https的需求会用到
    cd nginx-1.13.7
    ./configure --with-http_stub_status_module --with-http_ssl_module
    image.png

  4. 执行 make 命令
    make
    image.png

  5. 执行 make install 命令
    make install
    image.png

  6. 第一次启动nginx服务
    /usr/local/nginx/sbin/nginx -c /usr/local/nginx/conf/nginx.conf
    image.png 到此,在浏览器输入 你的IP地址(不用输端口号) 看到有如下页面显示时,说明启动成功。你的服务器已经成功部署了一个nginx的默认网页
    image.png

  7. 停止nginx服务
    /usr/local/nginx/sbin/nginx -s stop image.png

  8. 之后每次启动nginx服务
    /usr/local/nginx/sbin/nginx
    image.png

  9. 全局使用nginx
    ln -s /usr/local/nginx/sbin/nginx /usr/local/bin/
    至此
    启动nginx命令 nginx
    停止nginx命令 nginx -s stop
    image.png

02.配置nginx

  1. 为什么要配置?
    nginx默认代理的网页是nginx默认网页,而我们需要让用户访问的是我们自己编写的网页,所以需要修改nginx的相关配置。

  2. 进入nginx.conf的文件操作模式
    vim /usr/local/nginx/conf/nginx.conf

  3. 按 i 键进入文件编辑模式,此时可以修改文件内容
    这里补充一下linux编辑文件时的撤销命令
    当输入内容不小心删掉时,直接按ctrl + z终端会当作是输入文本。如果要撤销刚才的操作,需要按esc键,退出编辑模式,然后按u键回退之前的操作。

# nginx.conf全部内容如下
# 注释最好留着,这里由于是我本人强迫症,所以删了
# 有兴趣的可以找专门的nginx课程学习下

worker_processes  1;

events {
    worker_connections  1024;
}

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

    sendfile        on;
    keepalive_timeout  65;

    server {
        # 监听端口号,默认80端口,如果修改了端口号,一定要记得在服务器控制台那里设置安全组,将对应的端口号开放
        listen       80;
        # 服务的名称,一般输入IP地址或者域名
        server_name  127.0.0.1;

        # 根路径访问相关配置
        location / {
            # 访问的文件地址 这里是输入要访问的服务器html地址,index.html可省略不写
            root   /home/project/bdmoa/web/dist;
        }

        # 项目发送请求时的配置,如果不配置该项,会出现web请求地址为自身的情况
        # /api 表示当web发送请求并以/api开头时,以下配置生效
        location /api {
            # 设置服务器请求地址这大家换成自己对应的请求根路径
            proxy_pass http://127.0.0.1:3000;
            # 添加请求头
            add_header Content-Type "text/plain;charset=utf-8";
            add_header 'Access-Control-Allow-Origin' '*';
            add_header 'Access-Control-Allow-Credentials' 'true';
            add_header 'Access-Control-Allow-Methods' 'GET, POST';
        }
    }
}
  1. esc键退出文件编辑模式

  2. 退出并回到终端
    :wq 保存并退出
    :q 不保存退出
    :q! 不保存退出(强制)

  3. 编辑完成后,停止并再次开启nginx,无报错即为启动成功。
    到此,浏览器访问ip地址,网页部署成功了!!
    image.png