项目实训四

项目实训4

1. 背景

由于骨刻文项目存在许多骨刻文的静态图片,为了前端能够快速获取到相应的图片,后端打算再部署一个nginx静态服务器,用来存取在项目中客户上传的各种图片。

Nginx作为静态资源web服务时,通过接收客户端的静态资源请求,然后到静态文件存储位置获取对应的资源并返回给客户端,流程如下图所示:

img

2. 过程

由于团队所使用服务器为centos云服务器,所以在相关服务器上部署nginx

一、配置 EPEL源

sudo yum install -y epel-release
sudo yum -y update

二、安装Nginx

yum install nginx -y

三、在centos中打开相应端口、腾讯云打开安全组端口

firewall-cmd --permanent --zone=public --add-service=http
firewall-cmd --permanent --zone=public --add-service=https
firewall-cmd --reload

以下是我开放的端口:

在这里插入图片描述

以下是腾讯云安全组开放端口

在这里插入图片描述

由于前端需要直接请求nginx服务器获取静态资源,所以这里就将来源设置成了全部。

四、启动nginx

systemctl start nginx

可以看到已经存在nginx进程

在这里插入图片描述

访问服务器IP地址

在这里插入图片描述

五、配置图片静态资源访问地址

location ~ .*\.(jpg|gif|png)$ {
        gzip on;
        gzip_http_version 1.1;
        gzip_comp_level 2;
        gzip_types text/plain application/javascript image/jpeg image/gif image/png;
        valid_referers none blocked 47.100.199.15;
        if($invalid_referer) {
           return 403;
        }
        root   /usr/share/nginx/images;
    }

之后我们便能够通过网络请求访问图片

在这里插入图片描述

最后使用sftp将后端原有图片上传至nginx配置的地址即可。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值