ZBLOG

使用nginx缓存上游的html,css,js文件

要使用 Nginx 缓存上游的 HTML、CSS 和 JS 文件,你可以通过配置 Nginx 反向代理和缓存来实现。下面是一个简单的配置示例:

  1. 安装 Nginx(如果尚未安装):

    sudo apt update
    sudo apt install nginx
    
  2. 创建缓存目录: 首先,确保有一个目录用于存放缓存文件,例如 /var/cache/nginx

  3. 编辑 Nginx 配置文件: 打开你的 Nginx 配置文件,通常在 /etc/nginx/sites-available/default 或者 /etc/nginx/nginx.conf 中。

  4. 添加缓存配置

http {
    # 定义缓存路径和参数
    proxy_cache_path /var/cache/nginx levels=1:2 keys_zone=my_cache:10m max_size=1g inactive=60m use_temp_path=off;

    server {
        listen 80;
        server_name your_domain.com;  # 替换为你的域名

        location / {
            proxy_pass http://upstream_server;  # 上游服务器地址
            proxy_cache my_cache;
            proxy_cache_bypass $http_cache_control;
            proxy_no_cache $http_cookie;

            # 设置缓存过期时间
            expires 30d;  # HTML, CSS 和 JS 文件缓存 30 天
            add_header X-Cache-Status $upstream_cache_status;  # 添加响应头,用于调试查看是否命中缓存

            # 设置 MIME 类型允许的文件类型进行缓存
            types {
                text/html html;
                text/css css;
                application/javascript js;
                image/png png;
                image/jpeg jpeg;
                image/gif gif;
                # 根据需要添加其他 MIME 类型...
            }
        }
    }
}
  1. 重启 Nginx: 完成配置后,需要重启 Nginx 来应用更改。

    sudo systemctl restart nginx
    
  2. 测试配置: 可以访问你的网页,通过检查 HTTP 响应头中的 X-Cache-Status 来确认是否成功命中缓存。

注意事项:

  • 确保上游服务器正常运行,并且可以通过定义的 proxy_pass 地址访问。
  • 根据需求调整 expires 时间和其他设置。
  • 可以使用多个 location 块来为不同类型的资源设置不同的缓存策略。

这样,Nginx 就能够有效地缓存上游的 HTML、CSS 和 JS 文件,提高网站性能并减少对上游服务器的负载。


内容由零声教学AI助手提供,问题来源于学员提问

本站部分文章来源于网络,版权归原作者所有,如有侵权请联系站长删除。
转载请注明出处:https://golang.0voice.com/?id=22177

分享:
扫描分享到社交APP
上一篇
下一篇
发表列表
游客 游客
此处应有掌声~
评论列表

还没有评论,快来说点什么吧~

联系我们

在线咨询: 点击这里给我发消息

微信号:3007537140

上班时间: 10:30-22:30

关注我们
x

注册

已经有帐号?