我已经将我的代码简化为我可以做的最简单的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。我做错了什么?
当前回答
如果你的设置
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')
其他回答
这个方法对我很管用
app.use(express.static(path.join(__dirname, 'public')));
app.use('/img',express.static(path.join(__dirname, 'public/images')));
app.use('/shopping-cart/javascripts',express.static(path.join(__dirname, 'public/javascripts')));
app.use('/shopping-cart/stylesheets',express.static(path.join(__dirname, 'public/stylesheets')));
app.use('/user/stylesheets',express.static(path.join(__dirname, 'public/stylesheets')));
app.use('/user/javascripts',express.static(path.join(__dirname, 'public/javascripts')));
试一试”。而不是__dirname + '/public'。 类似地，尝试process.cwd() + '/public'。
有时我们会丢失正在使用的目录，最好避免假设文件位于我们指定的位置。
类似地，避免假设在依赖关系的深度中，路径在每个级别上都以相同的方式解释。
提供__dirname的问题是__dirname返回当前文件的路径，而不是项目的文件。 此外，如果使用动态头文件，每个页面将在不同的路径中查找静态文件，这将不起作用。 对我来说，最好的方法是用__dirname代替process.cwd()，它总是将路径捐赠给项目文件。
app.use(express.static(process.cwd() + '/public'));
在你的项目中:
link rel="stylesheet" href="/styles/default.css"
参见:process.cwd()与__dirname之间的区别是什么?
如果你的设置
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')
尝试使用http://localhost:3001/default.css访问它。
app.use(express.static(__dirname + '/styles'));
你实际上给它的名称文件夹，即样式，而不是你的子url。
