个人中心
gpt4 book ai didi

html - Node 拒绝应用样式，因为它的 MIME 类型 ('text/html' ) 不是受支持的样式表 MIME

转载 作者：搜寻专家 更新时间：2023-11-01 00:16:13 25 4
gpt4 key购买 nike

我将使用此 Node 服务器为静态 index.html 和 main.css 服务器提供服务:

服务.js:

var express = require('express')
var cors = require('cors')
var app = express()
var path = require('path');

app.use(cors())

app.use(express.static('assets'))

app.get('/', function (req, res, next) {
  res.sendFile(path.join(__dirname + '/index.html'));
})

app.listen(3000, function () {
  console.log('CORS-enabled web server listening on port 3000')
})

index.html:

<!doctype html>
<html class="no-js" lang="">
    <head>
        <link rel="stylesheet" type="text/css" href="./assets/css/main.css">

    </head>
    <body>

        <p>Hello Html!</p>
        <div class="thejson"></div>


        <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
    </body>
</html>

ma​​in.css

body {
  background: #ffdd;
  color: #eaeaea;
  padding: 10px;
}

结构:

project structure:
       index.html
       serve.js
       assets
             js
             css
                main.css

当我加载 index.html 时，css 已加载，但从 Node 提供它，我得到:

Refused to apply style from 'http://127.0.0.1:3000/assets/css/main.css' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.

我也试过 href="/assets/css/main.css" 和 href="./assets/css/main.css" 没有有用。

这里可能有什么问题？我该如何解决？

最佳答案

替换这一行

app.use(express.static('assets'))

与

app.use('/assets', express.static('assets'))

关于html - Node 拒绝应用样式，因为它的 MIME 类型 ('text/html' ) 不是受支持的样式表 MIME，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/51201869/

25 4 0
文章推荐： javascript - Node.js 数组到带有换行符的文本
文章推荐： php - 我可以从特定 IP(如果机器有两个 IP)在 PHP 中打开套接字吗？
文章推荐： php - Windows Azure 上的 PHP 社区在哪里？
文章推荐： javascript - 如何使用Nodejs找到每个数组对象的位置
搜寻专家
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com