使用TailwindCSS+CDN搭建的网站WiFi下CSS不加载，移动数据正常

针对你遇到的WiFi环境下Tailwind CSS CDN加载失败、移动数据正常的问题，给出以下排查方向和解决办法：

• DNS缓存异常

  1. 刷新本地DNS缓存：
     • Windows：执行命令 ipconfig /flushdns
     • Mac：执行命令 sudo dscacheutil -flushcache;sudo killall -HUP mDNSResponder
     • Linux：执行命令 sudo systemd-resolve --flush-caches
  2. 修改WiFi的DNS服务器为公共DNS（如8.8.8.8、1.1.1.1），再尝试访问网站

• WiFi网络拦截限制

  1. 检查浏览器是否开启代理，若开启则关闭后重试
  2. 登录路由器后台，查看防火墙规则是否拦截了cdn.tailwindcss.com域名
  3. 在WiFi环境下直接访问https://cdn.tailwindcss.com，确认该链接是否能正常打开

• 缓存与CDN节点问题

  1. 强制刷新浏览器页面（Ctrl+Shift+R / Cmd+Shift+R），清除页面缓存
  2. 临时替换Tailwind CSS的CDN链接为其他镜像，比如unpkg的版本：

     <link href="https://unpkg.com/tailwindcss@3.3.2/dist/tailwind.min.css" rel="stylesheet">
     

• 浏览器扩展干扰
  关闭浏览器中所有广告拦截、隐私保护类扩展，再测试网站加载情况

问题截图 #

• WiFi环境显示效果：
  
• 移动数据环境显示效果：
  

内容的提问来源于stack exchange，提问作者Arshad