非程序员咨询：同域名网站迁移至新服务器后头部菜单与页脚消失

第一步：检查静态资源的加载状态 #

你代码里所有本地引用的脚本、样式全是以根路径/开头的，比如/css/5grid/jquery.js、/js/jquery.hsmenu.min.js这类文件，只要新服务器上这些文件的实际存放路径和引用路径对不上，就会因为资源加载失败，导致控制头部、页脚位置和样式的代码完全不生效，最终出现区域消失的问题。

• 操作方法：在故障页面按F12打开开发者工具，切到「控制台」面板查看红色报错，再切到「网络」面板刷新页面，筛选出所有返回404状态的资源，逐个核对请求路径和你新服务器上实际存储文件的路径是否匹配。
• 最常见的错配场景：网站文件不是直接放在域名对应的根目录下，而是存在某个子目录里，根路径引用的资源自然会找不到。

第二步：排查jQuery加载冲突问题 #

你贴的代码里连续加载了两次jQuery：一次是本地路径的/css/5grid/jquery.js，一次是公共CDN的3.3.1版本jQuery，本身重复加载jQuery就容易触发脚本执行错误；如果本地的那个jQuery因为路径问题没加载成功，后面写的菜单初始化代码$(".hs-menubar").hsMenu()会直接报错终止执行，依赖这个脚本渲染的导航头部就会完全不显示。

• 操作方法：如果控制台出现$ is not a function这类报错，先删掉重复的jQuery引用，只保留一个可正常加载的jQuery版本，把菜单初始化代码放在所有脚本的最后位置，保证DOM加载完成后再执行渲染逻辑。

第三步：检查公共模板的解析状态 #

很多网站的头部、页脚是独立存放在公共模板文件里的，迁移后如果新服务器的运行环境（比如原来支持PHP/SSI模板解析，现在换成了纯静态站点环境）不兼容，或者模板文件的引用路径写错，会直接导致这部分内容无法输出到页面上。

• 操作方法：在故障页面右键选择「查看网页源代码」，和迁移前的正常页面源码逐段对比，如果源码里根本没有头部、页脚对应的HTML代码，说明是模板引用失效，不是脚本渲染的问题。

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