Nginx动静分离实战:性能提升100倍关键!

62 阅读1分钟

最近看了一个帖子,把踩过的坑,给大家说下,

        listen 8081;
        #listen       443 ssl;
        server_name _;

#        ssl_certificate      /opt/cert/ssl/yunbei.yanjiamall.cn.pem;
#        ssl_certificate_key  /opt/cert/ssl/yunbei.yanjiamall.cn.key;

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

        ssl_ciphers  HIGH:!aNULL:!MD5;
        ssl_prefer_server_ciphers  on;
        #静态资源:正则匹配后直接读取本地目录
        location ~* \.(gif|jpg|jpeg|png|css|js|ico|svg|woff|woff2|ttf|eot)$ {
            root /opt/front/h5/h5/; # 新增这一行,指定静态文件实际目录
            expires 7d;
            add_header Cache-Control "public, max-age=604800, no-transform";
            try_files $uri =404;
        }

        location / {
            root /opt/front/h5/h5;
            index  index.html index.htm;
            try_files $uri $uri/ /index.html;
        }
        location /app-api/ {
             proxy_redirect off;
             proxy_set_header Host $host;
             proxy_set_header X-Real-IP $remote_addr;
             proxy_set_header X-Forward-For $proxy_add_x_forwarded_for;
             proxy_set_header X-Scheme $scheme;
             proxy_pass http://127.0.0.1:58082;
        }

}

第一个坑,你配置好时,在想怎么验证呢?我看到帖子没有写,于是去AI搜索下,给出下面答案

image.png 然后第一步基础配置语法检查是没有问题的 但是在【浏览器开发者工具(最直观)】没有找到 于是乎有出现下面的内容

image.png 第二个坑,但是浏览器还是没出现Cache-ControlExpires 缓存头 于是乎把nginx重启,命令如下

image.png 发现启动有问题,就进行一下命令

pkill -f nginx 
# 手动指定 PID 文件路径启动 
Nginx nginx -c /etc/nginx/nginx.conf -p /run/ 
# 或者直接重新启动服务 
systemctl restart nginx

第三个坑,但是浏览器还是没出现Cache-ControlExpires 缓存头 于是乎,想到了用无痕式打开网址 好了好了

image.png 有写的不好,或者有其他问题,欢迎大家留言,点赞,马年发大财~