如何通過express.static將靜態CSS添加到Node JS應用

Question

我有一個帶有靜態CSS文件的node.js應用程序。 當我創建一個中間件並調用css文件時，它會出現如下錯誤：

拒絕從' http：// localhost：3000 / files / style.css '應用樣式，因為它的MIME類型（'text / html'）不是受支持的樣式表MIME類型，並且啟用了嚴格的MIME檢查。

這是我的app.js文件

var express = require ('express');

var app = express();

app.set('view engine', 'ejs');
app.use('/files', express.static('/files'));

app.get('/', function(req, res){
    res.render('index');
});

app.listen(3000);

index.ejs

<!DOCTYPE html>
<html>
<head>
    <title>New page</title>
    <link rel="stylesheet" type="text/css" href="files/style.css">
</head>
<body>
    <p>New style</p>
</body>
</html>

當我使用URL時： http：// localhost：3000 / files / style.css

顯示“ Cannot GET /files/style.css ”，並在控制台的“網絡”選項卡中簽入時，顯示找不到styles.css。 當我也添加靜態javascript文件時，就會發生這種情況。

我也嘗試了以下

app.use('/files', express.static(__dirname + '/files'));
app.use(express.static(__dirname + '/files'));
app.use(express.static('files'));

到目前為止，它們都沒有起作用。

我該如何解決？

Answer 1

您嘗試從files/files/files/style.css獲取文件

請嘗試以下代碼：

的NodeJS：

app.use(express.static(path.join(__dirname, 'files')));

HTML：

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

如何通過express.static將靜態CSS添加到Node JS應用

問題描述

1 個解決方案

解決方案1
0 2019-01-13 07:52:00

如何通過express.static將靜態CSS添加到Node JS應用

問題描述

1 個解決方案

解決方案1 0 2019-01-13 07:52:00

解決方案1
0 2019-01-13 07:52:00