Question

我正在尝试建立我的网站，但是我遇到了这个问题，并且两天后我试图解决它，但是失败了。浏览器拒绝仅对此页面应用CSS页面，而我网站中的其他页面可以与CSS正常工作，这是我针对问题页面的代码

<!DOCTYPE html>
<html lang="en">
 <head>
<%include partails/head %>

<link rel="stylesheet"  href="../stylesheets/resultPage.css"/>
</head>
<body>
<% include partails/header %>
<h3 class="h3 mb-3 font-weight-normal text-center" id="title">نتيجة 
الأختبار</h3>
<div class="container">
<div class="row">
<div class="col-md-10">

这是我的app.js代码，用于上传CSS文件

app.use(express.static("public"));
app.set("view engine" , "ejs");
app.use(bodyParser.urlencoded({extended: true}));
app.use(bodyParser.json())
app.use(methodOverride("_method"));

这是我的文件路径

样品10
- 公共
  - 样式表
    - resultPage.css
- 查看
  - resultPage.ejs

最后一件事是我从浏览器得到的文本错误

拒绝应用“ http://localhost:3000/result/5b31bbcacc2864263d40d240/stylesheets/resultPage.css”中的样式，因为它的MIME类型（“ text / html”）不是受支持的样式表MIME类型，并且启用了严格的MIME检查。

任何人都可以帮忙吗？谢谢

Answer 1

拒绝应用“ http://localhost:3000/result/5b31bbcacc2864263d40d240/stylesheets/resultPage.css”中的样式

查看该URL。

现在查看静态文件的位置（在公共目录中）：

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

现在查看CSS在公共目录中的位置：

public/stylesheets/resultPage.css

因此样式表的URL为：

http://localhost:3000/stylesheets/resultPage.css

HTML文档大概位于：

http://localhost:3000/result/5b31bbcacc2864263d40d240/something/

...所以您的相对网址：

href="../stylesheets/resultPage.css"

…只会上升一个级别，因此会解析为错误的位置！

使用绝对路径从网站的根目录开始

href="/stylesheets/resultPage.css"

Answer 2

另一个错误是小姐写<％include ../partials/head％>

拒绝应用样式

2 个答案: