Question

下图描绘了我的节点js在Windows操作系统中的应用程序目录结构。

在express.js文件中我提到了

app.use( 'static', express.static('../bower_components/'));

我想引用静态文件bootstrap.min.js和bootstrap.min.css，这些文件位于/ views / users / index.js中我的视图文件的/ bower_components / bootstrap文件夹中。

我在视图文件中提到了以下2行，但它无效。

<link href="../static/bootstrap/dist/css/bootstrap.min.css">
<script src="../static/bootstrap/dist/js/bootstrap.min.js"></script>

请告诉我需要修改的内容。

Answer 1

视图中的路径应为

<link href="/bootstrap/dist/css/bootstrap.min.css">
<script src="/bootstrap/dist/js/bootstrap.min.js"></script>

Answer 2

好吧，我有一些类似于你的东西..也许这可以帮到你：

var flash    = require('connect-flash');
var path = require('path'),
        fs = require('fs');
var http = require('http')
...  
app.use(express.static(path.join(__dirname, 'public')));
app.set('views', __dirname + '/views');

我的观点如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <% include ../partials/head %>
 </head>
<body class="container">

<header>
    <% include ../partials/header %>
</header>

<main>
    <div class="jumbotron">
        <h3>Welcome in Dubai!,</h3>
    </div>
</main>

<footer>
    <% include ../partials/footer %>
</footer>
</body>
</html>

为您提供有关我的文件夹结构的更多信息。我有一个名为观看次数的文件夹，其中有两个子文件夹页面和部分

祝你好运，纳扎尔

ExpressJS静态文件

2 个答案: