Express-js не может получить мои статические файлы, почему?

Question

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. Что я делаю не так?

613 13

node.js express

13 ответов:

Comments

Ничего не найдено.

Giacomo · Accepted Answer · 2014-12-31 01:52:30

попробовать http://localhost:3001/default.css.

иметь /styles в URL вашего запроса используйте:
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'));

David Miró · Accepted Answer · 2015-01-15 03:17:45

у меня та же проблема. Я решил проблему с помощью следующего кода:
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
мне нужно более простое решение. Существует ли она?

diff_sky · Accepted Answer · 2015-11-18 12:10:58

default.css должно быть доступно по адресу http://localhost:3001/default.css

The styles на app.use(express.static(__dirname + '/styles')); просто говорит экспресс, чтобы посмотреть в styles каталог для статического файла для обслуживания. Это не (смущает), а затем формирует часть пути, на котором он доступен.

Baurin Leza · Accepted Answer · 2015-05-25 18:34:53

на сервере.js:
var express   =     require("express");
var app       =     express();
app.use(express.static(__dirname + '/public'));
вы должны объявить экспресс и приложение отдельно, создать папку с именем "public" или как вам нравится, и все же вы можете получить доступ к этой папке. В вашем шаблоне src вы поместили относительный путь от / public (или имя вашей папки destiny к статическим файлам). Остерегайтесь баров на маршрутах.

user3418903 · Accepted Answer · 2017-08-30 23:46:32

эта работа для меня:

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

Ahmed Mahmoud · Accepted Answer · 2017-06-22 17:11:43

для обслуживания статических файлов (css, изображения, JS файлы)всего два шага:
передайте каталог css-файлов в встроенный middleware express.статика
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'));
для доступа к 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">    

arsho · Accepted Answer · 2017-01-12 13:54:33

Я использую Bootstrap CSS, JS и шрифты в моем приложении. Я создал папку под названием asset в корневой каталог приложения и поместите все эти папки внутри него. Затем в файл сервера добавляется следующая строка:
app.use("/asset",express.static("asset"));
эта строка позволяет мне загружать файлы, которые находятся в С /asset префикс пути как: http://localhost:3000/asset/css/bootstrap.min.css.

теперь в представлениях я могу просто включить CSS и JS, как показано ниже:
<link href="/asset/css/bootstrap.min.css" rel="stylesheet">

james gicharu · Accepted Answer · 2017-07-18 09:10:32

этот работал на меня

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

Sunil Lulla · Accepted Answer · 2016-09-02 15:08:34

попробуйте получить к нему доступ с помощью http://localhost:3001/default.css.
   app.use(express.static(__dirname + '/styles'));
вы на самом деле даете ему имя папки т. е. стили не ваш suburl.

Amir Aslam · Accepted Answer · 2016-12-08 13:03:55

что сработало для меня:

вместо того, чтобы писать app.use(express.static(__dirname + 'public/images')); в вашем приложении.js

просто писать app.use(express.static('public/images'));

т. е. удалить имя корневого каталога в пути. И тогда вы можете эффективно использовать статический путь в других JS-файлах, например:
<img src="/images/misc/background.jpg">
надеюсь, что это помогает :)

bigskier91 · Accepted Answer · 2013-04-11 20:05:36

в дополнение к вышесказанному, убедитесь, что статический путь к файлу начинается с / (ex... / assets / css)... для обслуживания статических файлов в любом каталоге выше основного каталога (/main)

Bren · Accepted Answer · 2017-12-22 10:00:30

Я нахожу свой css файл и добавляю к нему маршрут:
app.get('/css/MyCSS.css', function(req, res){
  res.sendFile(__dirname + '/public/css/MyCSS.css');
});
тогда это, кажется, работает.

Bar Horing · Accepted Answer · 2018-06-15 12:22:31

Если настройку
myApp
  |
  |__ public
  |     |
  |     |__  stylesheets
  |     |     |
  |     |     |__ style.css
  |     |
  |     |___ img
  |           |
  |           |__ logo.png
  |
  |__ app.js
затем,
поместить в приложение.js
app.use('/static', express.static('public'));
и обратитесь к вашему стилю.Усс: (в некоторых .мопс файл):
link(rel='stylesheet', href='/static/stylesheets/style.css')