Question

我已将Express.js项目更改为使用bower来安装组件。所有组件都安装在/ components（/components/jquery/jquery.js ...等）下。

我也创建了自己的路由器，如下所示：

app.get('/', routes.index); // main page
app.get('/p/:name', routes.p); //redirect routes

app.get('/api/contacts', api.contacts); //look at all
app.get('/api/contact/:id', api.contact); //look at one
app.post('/api/contact', api.add); //add contact
app.put('/api/contact/:id', api.edit); //edit&update contact
app.delete('/api/contact/:id', api.delete); //delete contact

/ component没有路由因此http://my.project/components/jquery/jquery.js带有Cannot GET /components/jquery/jquyery.js

有人可以告诉我为/ components下的所有组件添加路由的最佳方法是什么？

Answer 1

您可能希望使用静态中间件来执行此操作。我对bower不熟悉，但如果所有组件都安装在/components中，那么您可以执行以下操作：

app.use(express.static(__dirname + '/components'));

这意味着如果您有/components/jquery/jquery.js，则可以将其包含在

中

<script src='/jquery/jquery.js'></script>

如果您使用/components作为前缀，则可以执行以下操作：

app.use('/components', express.static(__dirname + '/components'));

这样您可以使用以下命令请求脚本：

<script src='/components/jquery/jquery.js'></script>

Answer 2

如果你使用connect-assets，这样的东西效果很好：

app.use require("connect-assets")(paths: ['assets/js', 'assets/css', 'bower_components'])

然后在你的js清单中你可以简单地包括像其他js资产一样的bower组件。资产/ application.js中：

// bower components:
//= require jquery/dist/jquery
//= require underscore/underscore
//= require backbone/backbone
// local assets:
//= require my_app

用于凉亭组件的Express.js路由

2 个答案: