Как разрешить рендеринг CSS-контента на моем локальном веб-сервере Apache с Chrome? - PullRequest
Новая
       12

Как разрешить рендеринг CSS-контента на моем локальном веб-сервере Apache с Chrome?

0 голосов
/ 17 января 2019

Я импортировал свой CSS-файл (public / css / style.css) в мое представление about (views / about.view.php) через частичную голову head.php: 

7 <link rel="stylesheet" type="text/css" href="/public/css/style.css">

Однако я получаю предупреждение "Ресурс интерпретируется как таблица стилей, но передается с MIME-типом text / html"

Я использовал этот форум для руководства: https://serverfault.com/questions/405229/apache-delivering-css-and-js-files-but-browsers-dont-render-them

Действия, которые я предпринял, основаны на существующем сообщении на форуме выше, которое, к сожалению, не оказалось успешным. Однако перед этими изменениями я хотел бы сказать, что у меня сейчас актуальная среда.

Я использую XAMPP для запуска веб-сервера Apache. Файлы, специфичные для моего проекта, находятся в "/ php / php-Practitioner /", и я переписал свою базу с помощью файла .htaccess, который успешно зарекомендовал себя, посетив мой браузер "localhost / about", который загружает мои HTML & PHP содержание A-Okay.

Следуя этому ответу, я добавил следующий код в мой файл .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]

В ответе также говорится, что мне нужно подтвердить, что mod_mime включен в моем файле .httpd.conf. Я подтвердил это, увидев, что «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

1 Ответ

0 голосов
/ 18 января 2019

TLDR; У меня был код в подкаталоге, который не смог найти мою таблицу стилей

Привет, пользователи Windows в Xampp / mampp / lampp в 2019 году. У меня есть исправление, которое сработало для меня, и оно будет работать для вас, и это связано с нашей настройкой среды. Это было из Laracasts Tutorial. PHP Практик

Это был переломный момент для меня, и я сделал это, чтобы вы тоже могли!

Это касается как ошибок, когда вы скопировали код Джеффса и все равно получили 404 ИЛИ появляется сообщение об ошибке «Ресурс интерпретируется как таблица стилей, но передается с типом MIME text / 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, и я лично вам помогу

...