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в своем запросе 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'));

У меня та же проблема. Я решил проблему с помощью следующего кода:

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

Оператор stylesin app.use(express.static(__dirname + '/styles'));просто указывает Express искать в 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 и шрифты в своем приложении. Я создал папку с именем 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, images, js files) всего два шага:

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 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 ex: http: // localhost: 8081 / css / bootstrap.css

обратите внимание, чтобы связать CSS-файлы с HTML просто добавьте следующую строку

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

Вы на самом деле даете ему имя папки, то есть стили, а не ваш субурл.

Я нахожу свой файл CSS и добавляю к нему маршрут:

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

Тогда это похоже на работу.

В дополнение к вышесказанному, убедитесь, что путь к статическому файлу начинается с / (ex ... / 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
   .
2. Поместите файл index.html в папку проекта Nodejs.
3. Поместите все сценарии и CSS-файлы в общую папку.

4. использование app.use( express.static('public'));

5. и в index.html правильном пути сценариев к<script type="text/javascript" src="/javasrc/example.js"></script>

И теперь все работает нормально.

статический каталог

проверьте изображение выше (статический каталог) для структуры dir

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