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和node 0.4.7。我究竟做错了什么？

尝试http://localhost:3001/default.css。

要/styles在您的请求网址中使用：

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

查看此页面上的示例：

//Serve static content for the app from the "public" directory in the application directory.

    // GET /style.css etc
    app.use(express.static(__dirname + '/public'));

// Mount the middleware at "/static" to serve static content only when their request path is prefixed with "/static".

    // GET /static/style.css etc.
    app.use('/static', express.static(__dirname + '/public'));

我也有同样的问题。我已通过以下代码解决了该问题：

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

我需要一个更简单的解决方案。是否存在？

default.css 应该可以在 http://localhost:3001/default.css

在styles中app.use(express.static(__dirname + '/styles'));只是告诉表现在看styles目录静态文件服务。它不会（令人困惑地）形成可用路径的一部分。

这项工作对我来说：

app.use('*/css',express.static('public/css'));
app.use('*/js',express.static('public/js'));
app.use('*/images',express.static('public/images'));

在您的server.js中：

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

您已经分别声明了express和app，创建了一个名为“ public”的文件夹，或者根据需要创建了一个文件夹，但是您仍然可以访问这些文件夹。在您的模板src中，您已添加了/ public的相对路径（或您的目的地文件夹名称到静态文件）。当心路线上的酒吧。

对我有用的是：

而不是app.use(express.static(__dirname + 'public/images'));在您的app.js 中编写

只需写 app.use(express.static('public/images'));

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

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

希望这可以帮助 ：）

我在我的应用程序中使用Bootstrap CSS，JS和Fonts。我在asset应用程序的根目录中创建了一个文件夹，并将所有这些文件夹放入其中。然后在服务器文件中添加以下行：

app.use("/asset",express.static("asset"));

此行使我能够asset从/asset路径前缀（如：）中加载目录中的文件http://localhost:3000/asset/css/bootstrap.min.css。

现在，在视图中，我可以像下面这样简单地包括CSS和JS：

<link href="/asset/css/bootstrap.min.css" rel="stylesheet">

投放静态文件（css，图像，js文件）仅需两个步骤：

1. 将css文件目录传递到内置的中间件express.static中

   var express = require('express');
   var app = express();
   /*public is folder in my project directory contains three folders
   css,image,js
   */
   //css  =>folder contains css file
   //image=>folder contains images
   //js   =>folder contains javascript files
   app.use(express.static( 'public/css'));

2. 要访问CSS文件或图像，只需输入url http：// localhost：port / filename.css，例如：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

注意用html链接css文件只需添加以下行

<link href="css/file_name.css" rel="stylesheet">    

这个为我工作

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')));

尝试使用http：// localhost：3001 / default.css访问它。

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

您实际上给它起了文件夹的名称，即样式而不是您的子URL。

我找到我的css文件并为其添加路由：

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

然后它似乎起作用。

除了上述内容之外，请确保静态文件路径以/（例如/ assets / css）开头，以便在主目录（/ main）上方的任何目录中提供静态文件

如果您的设置

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')

1. 在Nodejs项目
   文件夹中创建一个名为“ public”的文件夹。
2. 将index.html文件放入Nodejs项目文件夹。
3. 将所有脚本和CSS文件放入公用文件夹。

4. 采用 app.use( express.static('public'));

5. 并以 index.html 正确的脚本路径<script type="text/javascript" src="/javasrc/example.js"></script>

现在一切正常。

静态目录

检查上面的图像（静态目录）的目录结构

const publicDirectoryPath = path.join(__dirname,'../public')
app.use(express.static(publicDirectoryPath))


//  or

app.use("/", express.static(publicDirectoryPath))
app.use((req, res, next) => {
res.sendFile(path.join(publicDirectoryPath,'index.html'))