php - 如何允许使用 chrome 在我的本地 Apache Web 服务器中呈现 CSS 内容?
问题描述
我通过我的头部部分 head.php 将我的 CSS 文件(public/css/style.css)导入到我的关于视图(views/about.view.php)中:
7 <link rel="stylesheet" type="text/css" href="/public/css/style.css">
但是我收到警告“资源解释为样式表,但使用 MIME 类型文本/html 传输”
我已使用此论坛进行指导:https ://serverfault.com/questions/405229/apache-delivering-css-and-js-files-but-browsers-dont-render-them
我采取的行动是基于上面现有的论坛帖子,不幸的是,它没有被证明是成功的。不过,在这些变化之前,我想说一下我目前的相关环境。
我正在使用 XAMPP 启动 Apache Web 服务器。我的项目特定文件位于“/php/php-practitioner/”,我已经用一个 .htaccess 文件重写了我的基础,通过在我的浏览器“localhost/about”中访问它成功证明了它的工作原理,它加载了我的 HTML 和 PHP内容 A-好的。
通过遵循这个答案,我将以下代码添加到我的 .htaccess 文件中:
3 AddType text/css .css
4 AddType text/javascript .js
完整的 .htaccess 文件
1 RewriteEngine On
2 RewriteBase /php/php-practitioner/
3 AddType text/css .css
4 AddType text/javascript .js
5 RewriteRule ^.*$ index.php [END]
答案还指出我需要确认在我的 .httpd.conf 文件中打开了 mod_mime。通过看到“LoadModule mime_module modules/mod_mime.so”旁边已经没有# 符号,我已经确认了这一点。
重新启动我的服务器并再次加载网页。但是警告仍然存在。
此解决方案无效,并且仍然出现相同的警告。
我的理解是编辑 .htaccess 文件是特定于项目的,编辑 .httpd.conf 文件会影响我使用 XAMPP 创建的每个项目。
我对 stackoverflow 社区的期望是有人指出我在论坛帖子解决方案的实现中存在缺陷或提出替代解决方案。我感谢您的帮助:)
编辑:当我检查控制台时,警告出现在我的 Chrome 浏览器中
目录:
C:xampp\htdocs
|_dashboard
|_...
|_img
|_...
|_php
|_php-practitioner (This is my project)
|_controllers
|_about.php
|_about-culture.php
|_contact.php
|_index.php
|_core
|_...
|_public
|_css
|_style.css
|_views
|_partials
|_footer.php
|_head.php
|_nav.php
|_about.view.php
|_about-culture.view.php
|_contact.view.php
|_index.view.php
|_webalizer
|_xampp
|_...
|_.htaccess
|_applications.html
|_bitnami.css
|_favicon.ico
解决方案
TLDR;我的代码位于无法找到样式表的子目录中
嗨,2019 年 Xampp/mampp/lampp 上的 Windows 用户。我有一个对我有用的修复程序,它对你有用,它与我们的环境设置有关。这是来自 Laracasts 教程。PHP 从业者
这对我来说是一个突破点,我成功了,所以你也可以!
这与您复制 jeffs 代码并仍然收到 404 的错误有关,或者您收到错误“资源解释为样式表但使用 MIME 类型文本/html 传输”。
首先,您的 .htaccess 文件应如下所示:
RewriteEngine On
AddType text/css .css
AddType text/javascript .js
RewriteCond %{REQUEST_URI} !(\.css|\.js|\.png|\.jpg|\.gif|robots\.txt)$ [NC]
RewriteRule ^.*$ index.php [END]
其次,您的所有项目文件必须 1000% 转到位于以下位置的 htdocs 文件夹:C:\xampp\htdocs
最后,如果您在此之后遇到任何错误,请通过 roman.ozerski@icloud.com 给我发电子邮件,我会亲自帮助您
推荐阅读
- wxpython - wxPython wx.FileDialog 在 MacOS 上不显示通配符过滤器
- kibana - 基于文档中的数据(键作为 X 轴,值作为 Y)而不是聚合来构建 Kibana 5.2 可视化
- ember.js - 在哪里可以找到 Ember 0.9.8 的文档?
- javascript - 元素不会附加到容器
- php - XML 外部实体 (XXE) 攻击失败
- c# - C#:如何重写我的代码以在 Unity 中使用数组而不是列表来管理游戏数据序列化?
- excel - 如何为 VBA 中特定行的范围设置自动增量?
- javascript - 反应未捕获的错误:目标容器不是页面渲染上的 DOM 元素
- java - 大数据集的 Jersey Streaming 输出
- node.js - 是否可以在 JavaScript 中扩展类方法?