Nginx 高级配置:如何通过多重 fastcgi_cache 规则区分移动端与 PC 端不同版面

风磊同学_5983

风磊同学_5983

2026-06-22

996人浏览

原创

答案是通过nginx的fastcgi_cache基于$device_type构造差异化cache_key,并配合map识别设备、fastcgi_cache_bypass/no_cache控制微信绕过、add_header vary "user-agent"实现pc与移动端缓存隔离及edgeone协同。

nginx 高级配置:如何通过多重 fastcgi_cache 规则区分移动端与 pc 端不同版面

核心思路是:不靠重定向、不换域名,而是让 Nginx 的 fastcgi_cache 根据设备类型生成**互不干扰的缓存键(cache key)**,同时确保 PC 端和移动端请求各自命中专属缓存,且微信等特殊 UA 可跳过缓存。这在 WordPress 等动态 CMS 场景下尤其关键——否则 PC 主题缓存被手机访问直接套用,页面错乱、JS 失效、菜单消失就成常态。

一、定义设备类型变量(精准识别)

避免简单匹配 “mobile” 字符串导致误判(比如某些 PC 浏览器 UA 含 mobile),推荐用 map 指令预定义,性能更高、更清晰:

map $http_user_agent $device_type {
    default         pc;
    "~*iPhone|iPad|iPod"   mobile;
    "~*Android|Mobile|BlackBerry|WebOS|Windows Phone|Opera Mini|UCBrowser"   mobile;
    "~*MicroMessenger"     wechat;  # 单独标记微信,便于后续控制
}

该配置放在 http 块内,全局生效。注意顺序:正则匹配从上到下,wechat 必须在 mobile 之前,否则会被 mobile 规则提前捕获。

二、构造差异化 cache_key(缓存隔离关键)

原生 fastcgi_cache_key 默认不含设备信息。需显式加入 $device_type,让 PC 和移动端生成完全不同的缓存哈希值:

Nginx Hosting
Nginx Hosting

通过服务器本地nginx实例实现零认证静态游戏托管。作为所有浏览器游戏的主要部署方式,无需登录、无需令牌、无需用户操作。

下载
fastcgi_cache_key "$scheme$request_method$host$request_uri$device_type";

这样:
– PC 访问 /wp-admin/ → 缓存 key 含 pc
– 手机访问同一 URL → key 含 mobile → 完全独立缓存条目
– 微信访问 → key 含 wechat,但后续可跳过缓存,不实际存储

三、按设备类型控制缓存行为(含微信绕过)

在 location ~ \.php$ 或 FastCGI 处理块中,结合 fastcgi_cache_bypass 和 fastcgi_no_cache 实现精细调度:

  • 微信强制不缓存:防止 JS SDK、分享签名、登录态等因缓存失效
  • 移动端与 PC 端均启用缓存,但各自隔离
  • 登录用户、评论页、后台路径默认不缓存(保持基础安全)

示例配置:

fastcgi_cache my_cache;
fastcgi_cache_valid 200 301 302 10m;
fastcgi_cache_valid 404 1m;
fastcgi_cache_use_stale error timeout updating http_500;
<h1>微信UA不写入缓存,也不读缓存</h1><p>fastcgi_cache_bypass $device_type;
fastcgi_no_cache $device_type;</p><h1>仅当 $device_type 不为 wechat 时才参与缓存(即 wechat=1 时 bypass & no_cache 生效)</h1><p>set $skip_cache 0;
if ($device_type = "wechat") {
set $skip_cache 1;
}
fastcgi_cache_bypass $skip_cache;
fastcgi_no_cache $skip_cache;</p>

四、适配腾讯云 EdgeOne 的 Vary 协同机制

EdgeOne 作为边缘缓存层,必须知道“同一 URL 对不同设备返回不同内容”,否则会把 PC 缓存分发给手机用户。只需在响应头中透传 Vary: User-Agent:

add_header Vary "User-Agent" always;

⚠️ 注意:
– always 参数确保即使返回 304 或错误码也带上该头
– Nginx 本地 fastcgi_cache 和 EdgeOne 边缘缓存共用同一套 cache_key 逻辑(都含 $device_type),就能形成“本地缓存 → 边缘缓存 → 浏览器”三层一致的设备感知链
– 不需要 EdgeOne 控制台额外配置设备识别规则,纯靠标准 HTTP Vary 协议协同

这套方案不依赖 rewrite 重定向,不拆子域名,不改业务代码,只通过 Nginx 配置实现动静态分离与缓存隔离,对 WordPress、Typecho 等常见 PHP CMS 开箱即用。

相关专题

更多
服务器是什么
服务器是什么

服务器是一种计算机硬件设备或软件程序,它具有强大的计算和存储能力,用请求、存储数据和提供服务。它在互联网中着关重要的作用,为用户提供各种服务和资源。本专题为大家提供服务器相关的文章、下载、课程内容,供大家免费下载体验。

2023.08.15

457

5

连接apple id服务器时出错
连接apple id服务器时出错

连接apple id服务器时出错的原因包括网络连接问题、服务器问题、Apple ID账户问题、设备问题、防火墙或安全软件问题、时间和日期设置问题、Apple服务器维护等。本专题为大家提供apple id相关的文章、下载、课程内容,供大家免费下载体验。

2023.09.08

940

5

搭建互联网服务器
搭建互联网服务器

搭建互联网服务器需要:1、选择合适的硬件和操作系统,第一步是选择合适的硬件和操作系统;2、安装和配置操作系统,是搭建互联网服务器的关键步骤;3、安装和配置服务器软件,是搭建互联网服务器的下一步,常见的服务器软件包括Apache、Nginx、Tomcat等;4、配置防火墙和安全性,是搭建互联网服务器的重要步骤;5、域名解析和配置,是搭建互联网服务器的最后一步。

2023.09.19

3072

5

如何查看服务器状态
如何查看服务器状态

查看服务器状态的方法有使用命令行工具、图形界面工具、监控工具、日志文件和远程管理工具等。本专题为大家提供服务器状态相关的文章、下载、课程内容,供大家免费下载体验。

2023.10.09

1016

5

服务器域名转接慢怎么解决
服务器域名转接慢怎么解决

服务器域名转接慢的解决办法有DNS优化、服务器优化、CDN加速、前端优化和网络优化等。本专题为大家提供服务器相关的文章、下载、课程内容,供大家免费下载体验。

2023.10.17

909

5

服务器评测软件
服务器评测软件

服务器评测软件有PassMark Software、CPU-Z、GPU-Z、CrystalDiskMark、IOmeter、JMeter、LoadRunner、Apache Bench等等。详细介绍:1、PassMark Software是一款综合性的服务器性能测试软件,可以评估服务器在各种负载条件下的性能;2、CPU-Z是一款可以提供服务器CPU详细信息的软件等等。

2023.10.17

474

3

如何开启TFTP服务器
如何开启TFTP服务器

开启TFTP服务器的步骤包括选择TFTP服务器软件、下载和安装软件、配置TFTP服务器以及启动和测试服务器等。本专题为大家提供服务器相关的文章、下载、课程内容,供大家免费下载体验。

2023.10.18

2796

4

服务器负载不兼容怎么解决
服务器负载不兼容怎么解决

解决方法:1、增加服务器资源;2、负载均衡;3、优化应用程序;4、增加缓存机制;5、分布式架构;6、限流和熔断;7、自动化扩容。想知道更详细服务器负载不兼容的解决方法,可以访问本专题下面的文章。

2023.10.20

5252

4

宽带如何接入服务器
宽带如何接入服务器

宽带接入服务器的方法有ADSL宽带接入服务器、光纤接入服务器、无线接入服务器和以太网接入服务器等。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

2023.10.20

827

5

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
phpEnv手册
phpEnv手册

共0课时 | 0人学习

nginx手册
nginx手册

共0课时 | 0人学习

进程与SOCKET
进程与SOCKET

共6课时 | 0.5万人学习