使用XAMPP搭建的localhost环境下CSS、JS文件无法加载如何解决？

首先可以明确XAMPP没有拦截你的资源链接：你直接点击源代码里的资源链接可以正常打开，说明资源本身可访问，XAMPP的Apache服务是正常响应资源请求的。
你可以按以下步骤排查问题：

• 先查看开发者工具「网络」面板对应资源的加载状态码：
  • 若返回404：说明路径配置错误。你当前用的绝对路径默认指向80端口，首先确认你XAMPP的Apache服务是否使用默认80端口，如果是修改过端口（比如常用的8080、81等），绝对路径需要加上端口号。更稳妥的方案是使用相对路径，从你的项目结构来看，PHP文件位于neu根目录下，和css、scripts文件夹同级，所以资源路径直接写css/bootstrap.min.css、scripts/jquery-3.5.1.min.js即可，不需要额外加neu/前缀，否则会生成neu/neu/css/xxx的错误路径。
  • 若返回跨域相关错误：确认你访问PHP页面的域名和资源路径的域名是否一致，比如你用127.0.0.1访问PHP，但资源路径写的是localhost，就会触发跨域限制，统一使用同一个域名访问即可。
  • 若返回200但样式/脚本未生效：首先查看「控制台」是否有JS报错，比如你引入的jQuery版本和Bootstrap版本不兼容（Bootstrap 5原生不依赖jQuery，额外引入反而可能引发冲突）。另外排查你项目下的.htaccess规则是否存在错误重定向，把CSS/JS请求重定向到了PHP文件输出HTML内容。
• 如果你引入外部CDN资源也失效，和本地服务完全无关，优先排查浏览器扩展（广告拦截、代理类插件最容易拦截公共CDN资源），可以打开浏览器无痕模式测试；其次排查本地hosts配置是否修改了对应CDN域名的指向。

内容的提问来源于stack exchange，提问作者Kᴀτᴢ