腾讯如何避免 CDN 为 PC 端缓存移动端页面

Posted 2021-04-14 全栈成长之路

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了腾讯如何避免 CDN 为 PC 端缓存移动端页面相关的知识，希望对你有一定的参考价值。

奥林匹克国家公园中的可可西里雨林，华盛顿州
(© Jorge Romano/Offset by Shutterstock)

❝
本题摘自于我 github 上的面试每日一题：https://github.com/shfshanyue/Daily-Question，并有大厂面经及内推信息，可「在左下角打开本题原文链接」
❞

如果 PC 端和移动端是一套代码则不会出现这个问题。「这个问题出现在 PC 端和移动端是两套代码，却共用一个域名。」

使用 nginx 配置如下，根据 UA 判断是否移动端，而走不同的逻辑 (判断UA是否移动端容易出问题)

location / {
    // 默认 PC 端
    root /usr/local/website/web;
    
    # 判断 UA，访问移动端
    if ( $http_user_agent ~* "(android|webOS|iPhone|iPad|BlackBerry)" ){
        root /usr/local/website/mobile;
    }
 
    index index.html index.htm;
}

解决方案通常使用 Vary 响应头，来控制 CDN 对不同请求头的缓存。

「此处可以使用 Vary: User-Agent ，代表如果 User-Agent 不一样，则重新发起请求，而非从缓存中读取页面」