项目重构后子文件夹内CSS文件无法正确链接的问题
重构项目后CSS文件加载异常问题
环境信息
- 运行环境:XAMPP/Apache
- .htaccess文件位置:
.../htdocs/project,包含规则:RewriteCond %{DOCUMENT_ROOT}/public/$1 -f - 头部模板路径:
.../htdocs/project/views/partials/head.part.view.php,所有视图均引用该模板,其中包含CSS链接元素 - 入口文件index.php路径:
.../htdocs/project/public/index.php(XAMPP要求文件需放在htdocs目录下)
问题现象
- 当
style.css直接放在.../htdocs/project/style.css时,头部的<link rel="stylesheet" href='../style.css'>可以正常加载样式 - 将
style.css移至.../htdocs/project/css/style.css后,即使修改链接为<link rel="stylesheet" href='../css/style.css'>,样式仍无法生效
额外排查细节
- 在头部模板的CSS链接下方添加
<?php include '../css/test.php'; ?>,同目录下的test.php中的echo内容能正常输出,但CSS依旧无法加载 - 尝试使用完整路径,只要CSS文件放在css文件夹内就无法生效
排查过程
- 最初怀疑.htaccess文件,但认为不会影响;通过浏览器检查发现页面似乎引用了不存在的旧版style.css,清除临时文件和缓存后问题依旧
- 最终确认问题由.htaccess文件导致,目前计划先研究该文件的规则,若仍有问题会另行发帖求助
内容的提问来源于stack exchange,提问作者Christian
相关产品推荐
相关产品推荐

