我已经将我的代码简化为我可以做的最简单的express-js应用程序:
var express = require("express"),
app = express.createServer();
app.use(express.static(__dirname + '/styles'));
app.listen(3001);
我的目录是这样的:
static_file.js
/styles
default.css
然而，当我访问http://localhost:3001/styles/default.css时，我得到以下错误:
Cannot GET / styles /
default.css
我使用express 2.3.3和节点0.4.7。我做错了什么?
当前回答
服务静态文件(css，图像，js文件)只需两步:
将CSS文件的目录传递给内置中间件express.static Var express = require('express'); Var app = express(); /*public是我项目目录下的文件夹，包含三个文件夹 css,形象,js * / //css =>文件夹包含css文件 //image=>文件夹包含图片 //js =>文件夹包含javascript文件 app.use(表达。静态(公共/ css)); 要访问CSS文件或图像，只需输入url http://localhost:port/filename.css ex:http://localhost:8081/bootstrap.css
注意:链接CSS文件到HTML只需输入<link href="file_name.css" rel="stylesheet">
如果我写这段代码
var express = require('express');
var app = express();
app.use('/css',express.static( 'public/css'));
要访问静态文件，只需输入url:localhost:port/css/filename.css 例:http://localhost: 8081 / css / bootstrap.css
注意链接CSS文件与HTML只需添加下面的行
<link href="css/file_name.css" rel="stylesheet">
其他回答
app.use(express.static(__dirname+'/'));
这为我工作，我尝试使用公共目录，但它不工作。 但在这种情况下，我们提供了访问目录中的整个静态文件，希望对您有所帮助!
提供__dirname的问题是__dirname返回当前文件的路径，而不是项目的文件。 此外，如果使用动态头文件，每个页面将在不同的路径中查找静态文件，这将不起作用。 对我来说，最好的方法是用__dirname代替process.cwd()，它总是将路径捐赠给项目文件。
app.use(express.static(process.cwd() + '/public'));
在你的项目中:
link rel="stylesheet" href="/styles/default.css"
参见:process.cwd()与__dirname之间的区别是什么?
我也有同样的问题。我已经解决了以下代码的问题:
app.use('/img',express.static(path.join(__dirname, 'public/images')));
app.use('/js',express.static(path.join(__dirname, 'public/javascripts')));
app.use('/css',express.static(path.join(__dirname, 'public/stylesheets')));
静态请求示例:
http://pruebaexpress.lite.c9.io/js/socket.io.js
我需要一个更简单的解决方案。它存在吗?
这对我来说很有用:
app.use('*/css',express.static('public/css'));
app.use('*/js',express.static('public/js'));
app.use('*/images',express.static('public/images'));
如果你的设置
myApp
|
|__ public
| |
| |__ stylesheets
| | |
| | |__ style.css
| |
| |___ img
| |
| |__ logo.png
|
|__ app.js
然后, 放入app。js
app.use('/static', express.static('public'));
并引用你的style.css:(在一些.pug文件中):
link(rel='stylesheet', href='/static/stylesheets/style.css')
