文章/答案/技术大牛

发布

社区首页 >问答首页 >ExpressJS静态文件

问ExpressJS静态文件
EN

Stack Overflow用户

提问于 2016-04-17 20:19:24

回答 2查看 69关注 0票数 0

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

在我前面提到过express.js文件中

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

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

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

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

请告诉我需要修改的地方。

node.js

回答 2

Stack Overflow用户

发布于 2016-04-19 23:41:06

视图中的路径应该是

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

票数 1

Stack Overflow用户

发布于 2016-04-17 21:04:25

嗯，我有一些和你的相似的东西..也许这对你有帮助：

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>

为您提供有关我的文件夹结构的更多信息。我有一个名为views的文件夹，其中有两个子文件夹pages和partials

致以最好的问候，纳扎尔

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/36676387

复制

相似问题

问ExpressJS静态文件
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问ExpressJS静态文件EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问ExpressJS静态文件
EN