繁体   English   中英

ExpressJS静态文件

[英]ExpressJS static files

下图描绘了Windows OS中我的节点js应用程序目录结构。

在此处输入图片说明

在express.js文件中,我提到了

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

我想引用静态文件bootstrap.min.js和bootstrap.min.css,它们位于我的视图文件/ bower_components / bootstrap文件夹中,该文件位于/views/users/index.js中。

我在视图文件中提到了以下两行,但它不起作用。

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

请让我知道需要修改的内容。

您在视图中的路径应为

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

好吧,我有一些与您相似的东西。也许这可以帮助您:

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>

为您提供有关我的文件夹结构的更多信息。 我有两个子文件夹谐音一个文件夹,名为意见

最好的问候,纳扎尔

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM