bower_components 未使用 express static 加载

Question

我正在使用 bower 制作一个快速应用程序，但不知何故找不到 bower_components 文件夹。我在这里搜索过，尝试了所有解决方案，但没有任何效果。

在我的 server.js 中，我有：

/server/app.js

// Set static files
app.use(express.static('app'));
app.use('/bower_components', express.static(__dirname + '/bower_components'));

在索引中

/app/index.html

<link rel="stylesheet" href="/bower_components/bootstrap/dist/css/bootstrap.css" /></script>
<script src="bower_components/jquery/dist/jquery.js"></script>
<script src="bower_components/angular/angular.js"></script>   
...

我得到了什么：

GET http://localhost:3000/bower_components/bootstrap/dist/css/bootstrap.css 
(index):85 GET http://localhost:3000/bower_components/jquery/dist/jquery.js 
(index):86 GET http://localhost:3000/bower_components/angular/angular.js 

Cannot GET /bower_components/bootstrap/dist/css/bootstrap.css
...

如果我从标签中删除“/bower_components”前缀，然后在服务器中更改为：

server.js
app.use(express.static('bower_components'));

index.html
<link rel="stylesheet" href="/bootstrap/dist/css/bootstrap.css" />

Answer 1

这应该是由服务器文件夹之外的 bower_components 文件夹引起的。将server/app.js 处的代码修改为：

var path = require('path');

app.use('/bower_components', express.static(path.dirname(__dirname) + '/bower_components'));

这里我使用来自path 内置nodejs 包的dirname() 函数来获取服务器文件夹的父文件夹。