Express-js不能得到我的静态文件，为什么?

我已经将我的代码简化为我可以做的最简单的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。我做错了什么?

当前回答

在你的nodejs文件中

const express = require('express');
const app = express();

app.use('/static', express.static('path_to_static_folder'));

你的哈巴狗档案里

...
script(type="text/javascript", src="static/your_javascript_filename")
...

注意“静态”这个词。nodejs文件和pug文件必须相同。

其他回答

在你的server.js中:

var express   =     require("express");
var app       =     express();
app.use(express.static(__dirname + '/public'));

你已经分别声明了express和app，创建一个名为“public”的文件夹或其他你喜欢的文件夹，但你可以访问这些文件夹。在模板src中，您已经添加了从/public的相对路径(或静态文件的文件夹destiny的名称)。当心路上的栏杆。

对我有用的是:

而不是写app.use(express。Static (__dirname + 'public/images'));在你的app.js中

简单的写 app.use (express.static('公共/图像'));

即删除路径中的根目录名。然后你可以在其他js文件中有效地使用静态路径，例如:

<img src="/images/misc/background.jpg">

希望这对你有所帮助。

在你的nodejs文件中

const express = require('express');
const app = express();

app.use('/static', express.static('path_to_static_folder'));

你的哈巴狗档案里

...
script(type="text/javascript", src="static/your_javascript_filename")
...

注意“静态”这个词。nodejs文件和pug文件必须相同。

我在用

app.use(express.static('public'))

当公共文件夹中没有名为index.html的文件时。

我在浏览器中得到以下错误:

“不能得到/”

当我将文件重命名为“index.html”时，它可以正常工作。

我找到我的css文件，并添加一个路由到它:

app.get('/css/MyCSS.css', function(req, res){
  res.sendFile(__dirname + '/public/css/MyCSS.css');
});

那么它似乎起作用了。

推荐文章