Question

我有一个现有的编码前端，即views，javascripts，stylesheets（https://github.com/stdrunk/Taskr），我打算将它添加到express框架，以便我可以将它链接到db。我将内容添加到公用文件夹。 javascript文件夹中的javascripts，样式表中的css和images文件夹中的图像。然后我根据这个Render basic HTML view?

更改了app.js的代码

现在，当运行app.js并在浏览器中打开页面时，我得到了原始页面的剥离版本。控制台中没有错误。这是我的app.js

/**
 * Module dependencies.
 */

var express = require('express');
var routes = require('./routes');
var user = require('./routes/user');
var http = require('http');

var path = require('path');

var app = express();

// all environments
app.set('port', process.env.PORT || 3000);
//app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'jade');
app.set('views', __dirname + '/views');
app.engine('html', require('ejs').renderFile);

app.use(express.static(__dirname + '/public'));
app.use(express.favicon());
app.use(express.logger('dev'));
app.use(express.json());
app.use(express.urlencoded());
app.use(express.methodOverride());
app.use(app.router);
app.use(express.static(path.join(__dirname, 'public')));

// development only
if ('development' == app.get('env')) {
  app.use(express.errorHandler());
}

app.get('/', routes.index);
app.get('/users', user.list);


app.get('/home', function (req, res)
{
    res.render('index.html');
});



http.createServer(app).listen(app.get('port'), function(){
  console.log('Express server listening on port ' + app.get('port'));
});

Answer 1

您可以将所有这些目的放在“公共”目录下，然后使用：

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

这样，express总是只发送从这些目录中请求的任何内容，你根本不需要担心静态文件。

尽管如此，我建议您在服务器上运行像Apache这样的东西来提供静态文件。特别是图像。

如何添加我现有的视图，样式表，javascripts来表达？

1 个答案: