在快速靜態中使用中間件在節點js中不起作用

Question

我是Node js的新手。 我正在嘗試創建一個節點js應用程序，並按如下所示配置app.js。

var express = require ('express');

var app = express();

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

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

app.listen(3000);

我正在使用幾個局部視圖，並將所有局部視圖注入main.ejs，最后將main.ejs注入index.ejs

要將bootstrap和jquery應用於所有視圖，我在index.ejs文件中調用它們。

Index.ejs：

<!DOCTYPE html>
<html>
<head>
    <title>New page</title>
    <link type="text/css" href="/resources/bootstrap.min.css">
    <script type="text/javascript" src="/resources/bootstrap.min.js"></script>
    <script type="text/javascript" src="/resources/jquery-3.3.1.slim.js"></script>
</head>
<body>
    <% include main.ejs %>
</body>
</html>

main.ejs

<!DOCTYPE html>
<html>
<head>
    <title>New page</title>
</head>
<body>
    <% include partials/partial_page.ejs %>
</body>
</html>

partial_page.ejs

<!DOCTYPE html>
<html>
<head>
    <title>New page partial</title>
</head>
<body>
    New Page 2
    <button class="btn btn-primary">AAAA</button>
</body>
</html>

所有靜態文件都存儲在資源文件夾中。

這些引導程序和jquery無法正常工作，我無法從中獲得任何結果。 控制台出現404錯誤，即Bootstraps和jquery。 這是怎么了

Answer 1

嘗試從index.ejs之外的所有內容中刪除<!DOCTYPE> ， html ， head和body標記。 您不需要它們，因為部分是在index.ejs中呈現的，這就是您的路線所指向的地方。

Answer 2

您可以使用app.use(express.static(__dirname + '/resources'));

將<script type="text/javascript" src="/resources/bootstrap.min.js"></script>更改為<script type="text/javascript" src="bootstrap.min.js"></script>

Answer 3

var express = require ('express');

var app = express();


app.set('view engine', 'ejs');
app.use(express.static(__dirname,'resources'));
app.engine('html',require('ejs').renderFile);

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

app.listen(3000);

在快速靜態中使用中間件在節點js中不起作用

問題描述

3 個解決方案

解決方案1
1 2019-01-13 05:47:22

解決方案2
1 2019-01-13 05:52:43

解決方案3
0 2019-01-13 06:03:07

在快速靜態中使用中間件在節點js中不起作用

問題描述

3 個解決方案

解決方案1 1 2019-01-13 05:47:22

解決方案2 1 2019-01-13 05:52:43

解決方案3 0 2019-01-13 06:03:07

解決方案1
1 2019-01-13 05:47:22

解決方案2
1 2019-01-13 05:52:43

解決方案3
0 2019-01-13 06:03:07