javascript - 拒绝应用样式来自

问题描述

我正在尝试建立我的网站，但我遇到了这个问题，两天来我试图解决它，但我失败了。浏览器拒绝仅为该页面应用 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">

这是我上传css文件的app.js代码

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
- 上市
  - 样式表
    - 结果页面.css
- 看法
  - 结果页面.ejs

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

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

请问有人可以帮忙吗？谢谢

标签： javascripthtmlcssnode.js

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

看看那个网址。

现在看看你的静态文件在哪里（在公共目录中）：

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

现在看看 CSS 在 public 目录中的位置：

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"

javascript - 拒绝应用样式来自

问题描述

解决方案

推荐阅读