Apache改端口后CSS加载卡顿的根源是未同步调整监听地址、静态路径和缓存配置：需将Listen改为127.0.0.1:8080、注释hosts中::1 localhost、CSS用根路径引用、启用mod_expires缓存，并检查phpMyAdmin的URI配置。
为什么改了Apache端口，CSS反而加载卡顿
根本不是端口本身的问题，而是改端口时没同步调整静态资源路径和服务器监听行为，导致浏览器反复尝试错误路径或等待超时。常见现象是HTML能打开，但 style.css 显示 pending 状态，Network 面板里看到 200 响应却耗时数秒——这通常是 DNS 解析或 IPv6 回退拖慢了首次请求。
典型诱因有三个：
– httpd.conf 里只改了 Listen 8080，但没限制绑定到 127.0.0.1:8080，Apache 默认仍监听 [::]:8080，触发 IPv6 解析延迟；
– HTML 中 CSS 的 href 用了相对路径（如 ../../css/main.css），而多端口环境下虚拟目录结构易错位，浏览器需多次遍历查找；
– 没启用 mod_expires，每次刷新都重新请求 CSS，无缓存兜底。
确保 CSS 走 IPv4 + 绝对路径的最小配置
不改代码也能快速见效，只需两处硬性修改：
- 用管理员权限打开
C:\Windows\System32\drivers\etc\hosts，注释掉::1 localhost这一行（加#）； - 打开
XAMPP\apache\conf\httpd.conf，把Listen 8080改成Listen 127.0.0.1:8080； - 同时检查
ServerName行，设为ServerName 127.0.0.1:8080（避免 Apache 启动时反查 hostname）； - 重启 Apache，再用
ping localhost验证是否只返回127.0.0.1且毫秒级响应。
HTML 中所有 CSS 引用统一改成根路径，例如：<link rel="stylesheet" href="/myapp/css/style.css">，而不是 ./css/style.css 或 ../css/style.css。
启用静态缓存让 CSS 不重复加载
哪怕端口改了、路径对了，没缓存照样每刷一次就重下一遍 CSS。XAMPP 默认不开启静态资源缓存，必须手动放开：
XAMPP 8.0.30 是一款免费、开源的跨平台 Web 服务器集成包，专为快速搭建本地 PHP 开发环境而设计。该版本核心组件包括：Apache 2.4.56、MySQL 8.0.33、PHP 8.0.30、phpMyAdmin 5.2.1 等。它支持 Windows、Linux 和 macOS 系统，可让开发者在个人电脑上轻松模拟服务器环境，无需复杂配置即可运行 WordPress、Thin
- 确认
httpd.conf中这行未被注释：LoadModule expires_module modules/mod_expires.so； - 在
<IfModule expires_module>区块内添加：ExpiresActive On和ExpiresByType text/css "access plus 1 week"； - 如果用的是虚拟主机，把这两行加到
<VirtualHost>块里；否则加到文件末尾的全局区域； - 保存后执行
XAMPP\apache\bin\httpd.exe -t检查语法，再重启 Apache。
改完后刷新页面，在 Network 面板看 CSS 请求的 Response Headers 里应出现 Cache-Control: max-age=604800，后续刷新将直接读本地缓存。
别忽略 phpMyAdmin 的 config.inc.php 干扰
很多人只改 Apache 端口，却忘了 phpMyAdmin 自带的前端资源（比如 jQuery UI CSS）也依赖 Apache 服务。如果它内部硬编码了 http://localhost/，而你已改成 :8080，就会触发跨端口请求失败或降级加载。
检查 XAMPP\phpMyAdmin\config.inc.php，确认没有类似 $cfg['PmaAbsoluteUri'] = 'http://localhost/'; 这样的配置；如果有，改为 'http://localhost:8080/'（端口号必须匹配你当前 Apache 实际监听的值）。
更稳妥的做法是删掉这一行，让 phpMyAdmin 自动推导 URI —— 它会根据 $_SERVER['HTTP_HOST'] 动态生成，只要浏览器访问的是 http://localhost:8080/phpmyadmin，资源路径自然就对了。
多端口配置真正麻烦的从来不是改数字，而是每个环节都默认假设你在用 80/443。漏掉 hosts、监听地址、缓存模块、URI 推导中任意一环，CSS 就可能卡在 loading 状态几秒钟——而这几秒，足够用户关掉页面了。
