网站打开后不显示内容

网站打开后不显示内容，网站十次里有八次是打开浏览器缓存捣的鬼。上个月我帮朋友排查一个“白屏”问题，显示他刷新了二十遍，内容换了三个浏览器，网站甚至重启了路由器，打开最后我按F12打开控制台，显示发现CSS文件加载的内容是三天前的旧版本——服务端早就更新了，但本地缓存死死拽着旧文件不放。网站清掉缓存，打开页面瞬间正常。显示

另一个高频原因是内容JavaScript报错。前端框架（比如Vue或React）渲染依赖JS执行，网站只要脚本里有一行语法错误或接口返回异常，打开整个页面就可能卡在空白状态。显示你打开控制台看Network标签，如果HTML正常返回200，但JS文件显示红色报错，那就顺着错误提示往下查。去年我遇到过一例，后端接口突然多返回了一个字段，前端解析时直接抛异常，页面连骨架都没画出来。这种问题在开发环境往往测不出来，因为本地数据是写死的。

还有种情况容易被忽略——服务器返回了内容，但编码不对。页面标题是乱码，正文全消失，或者只显示一堆菱形问号。浏览器按默认编码解析，如果服务器响应头没写charset，而HTML文件里meta声明又晚于某些内容加载，就会触发这种诡异现象。我见过最离谱的一次，是运维把nginx的default_type配错了，导致纯文本文件被当成下载流处理，浏览器直接弹出下载框而不是渲染页面。

如果以上都排除了，看看是不是CDN节点缓存了坏文件。有些CDN服务商会缓存404状态码，源站文件删除后，CDN节点依然返回一个空白页面。这时候用curl带上随机参数去请求源站地址，对比一下响应头里的x-cache字段，就能确认是不是缓存命中问题。别急着骂CDN，很多时候是回源配置的规则写错了。

最后说个冷门的：DNS解析到旧IP。服务器迁移后，如果TTL时间设置过长，部分地区用户会持续访问已失效的旧服务器。旧服务器上可能还挂着nginx，但网站目录已经清空，所以返回200空响应。这种问题用各省的DNS检测工具能查出来，但解决起来得等缓存自然过期，或者手动修改本地hosts文件应急。

排查顺序建议是：先清缓存，再开控制台看报错，然后检查网络请求状态码，最后用curl模拟请求对比响应头。整个过程别超过十分钟，超过的话大概率是后端或配置层面的问题，直接看服务器日志更高效。别一上来就怀疑代码逻辑——大多数“白屏”根本不是代码写错了，而是环境或资源加载环节出了岔子。你盯着代码看半天，不如先看浏览器到底拿到了什么。