Мой HTML (EJS) полностью игнорирует мой файл CSS

Question

Я разрабатываю свое приложение со стороны сервера.Моя страница должна загружать CSS локально.Я использую nodejs, express.js и ejs (для моих страниц) - стек MEN / MEAN.

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

Я на 100% уверен, что ссылка верная, поскольку VS Code позволяет вам проверить, но я получил ошибку при загрузке страницы.Ошибка: «Ресурс из« http://localhost:3000/public/stylesheets/style.css” был заблокирован из-за несоответствия MIME-типа («text / html») (X-Content-Type-Options: nosniff) »

CSS работает нормальнокогда я использую тег стиля вместо.Что тут происходит?

Answer 1

Вы должны сказать express, что у вас есть статические ресурсы, которые вы все припарковали в общей папке.

app.use(express.static("public"))

Чтобы узнать больше экспресс-магии, следуйте этому репозиторию github.https://github.com/sagormax/node-admin/

Answer 2

Хорошо, так что я решил это.Проблема с Express, он изменяет часть "text / css" на "text / html".Быстрый простой обходной путь - удалить «rel = stylesheet», но это может привести к смешанным результатам.Лучше всего использовать app.use(express.static("public")) - это сообщит Express, что общая папка предназначена для стилей и сценариев.

Ссылка теперь должна выглядеть как <link href="stylesheets/style.css" rel="stylesheet" type="text/css">, и она будет работать.