资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

Nginx实现静态资源-创新互联

前言
nginx作为一款高性能的服务器,用途非常多,除了可以做后端服务器的代理,负载均衡之外,还有一个用途就是做静态资源的缓存服务器,比如在前后端分离的项目中,为了加速前端页面的响应速度,我们可以将前端的相关资源,例如html,js,css或者图片等放到nginx指定的目录下,访问的时候只需要通过IP加路径就可以实现高效快速的访问,

创新互联建站主要企业基础官网建设,电商平台建设,移动手机平台,小程序开发等一系列专为中小企业按需定制开发产品体系;应对中小企业在互联网运营的各种问题,为中小企业在互联网的运营中保驾护航。

1、基础环境

1.机器规划

hostname ip role
web0110.0.0.7flask进程(端口5000)
lb0110.0.0.5提供Nginx静态资源访问和反向代理

2.我自己写了一个基于flask_restful的flask小项目,目录结构为
flask-demo:https://pan.baidu.com/s/1PMx-ULDbQ5FEhlfZchWH9Q

[root@web01 ~]# tree flask-demo
flask-demo
├── app 
│   ├── api   # 接口文件
│   │   ├── base.py
│   │   ├── home.py
│   │   └── web_html.py
│   ├── __init__.py
│   ├── libs     # 工具函数
│   │   ├── commons.py
│   │   └── const.py
│   └── static   # 静态资源
│       ├── html
│       │   ├── home.html
│       │   └── index.html
│       ├── img
│       │   └── t1.jpg
│       └── js
│           └── jquery-3.4.1.min.js
├── flask_manage.sh  # flask启动脚本
├── manage.py  
└── settings.py # flask配置文件

可访问的Url:

127.0.0.1:5000/index.html
127.0.0.1:5000/home.html

安装python版本以及模块

python3.6
pop3

// 模块(版本影响不大)
flask
flask_sqlalchemy
flask_restful
flask_session
flask_wtf
flask_script
flask_migrate

2、部署Flask应用
首先,我们需要在web01中部署Flask应用,然后把flask-demo目录下的/static目录给删除,最后在用flask-demo自带的启动脚本来启动flask进程

1.将flask-demo移动至/data目录下

$ mkdir /data
$ mv flask-demo /data/

2.删除或移动/static/静态目录

mv  flask-demo/app/static/ /tmp/

3.启动flask进程(一定要先进到flask-demo目录)

$ cd /data/flask-demo
$ sh flask_manage.sh  start

4.访问当前机器5000端口的两个url,我们会发现这两个静态资源是不存在的
Nginx 实现静态资源

3、部署Nginx静态资源代理
1.安装nginx

$ yum install nginx

2.将flask-demo压缩包上传到lb01并解压,然后将/statis静态资源移动到/data目录

$ mkdir /data
$ tar xf flask-demo.tar.gz
$ cp -r flask-demo/app/static/ /data/

// 查看静态资源文件
/data/
└── static
    ├── html
    │   ├── home.html
    │   └── index.html
    ├── img
    │   └── t1.jpg
    └── js
        └── jquery-3.4.1.min.js

3.nginx配置文件

user  www;
worker_processes  1;

error_log  /var/log/nginx/error.log warn;
pid        /var/run/nginx.pid;

events {
    worker_connections  1024;
}

http {
    include       /etc/nginx/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  /var/log/nginx/access.log  main;
    sendfile        on;
    keepalive_timeout  65;

   upstream blog_server_pools {
       ip_hash;
       server 10.0.0.7:5000 weight=1;
   }

    server {
       listen 80;
       proxy_set_header X-Forwarded-For $remote_addr;
       proxy_set_header host $host;
       location /api {
         proxy_pass http://blog_server_pools;
        }

       location / {
               alias /data/static/html/;
               }
       location /static {
              alias '/data/static';
               }
    }
}

启动nginx

$ nginx

4.浏览器访问lb01代理

Nginx 实现静态资源

Nginx 实现静态资源

另外有需要云服务器可以了解下创新互联cdcxhl.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


标题名称:Nginx实现静态资源-创新互联
本文URL:http://cdkjz.cn/article/ehdhc.html
多年建站经验

多一份参考,总有益处

联系快上网,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

业务热线:400-028-6601 / 大客户专线   成都:13518219792   座机:028-86922220