在快速静态中使用中间件在节点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