Express-js tidak bisa MENDAPATKAN file statis saya, mengapa?

Saya telah mengurangi kode saya ke aplikasi express-js paling sederhana yang dapat saya buat:

var express = require("express"),
    app = express.createServer();
app.use(express.static(__dirname + '/styles'));
app.listen(3001);

Direktori saya terlihat seperti ini:

static_file.js
/styles
  default.css

Namun ketika saya mengakses http://localhost:3001/styles/default.csssaya mendapatkan kesalahan berikut:

Cannot GET / styles /
default.css

Saya menggunakan express 2.3.3dan node 0.4.7. Apa yang saya lakukan salah?

Coba http://localhost:3001/default.css.

Untuk memiliki /stylesURL permintaan Anda, gunakan:

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

Lihatlah contoh-contoh di halaman ini :

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

Saya memiliki masalah yang sama. Saya telah menyelesaikan masalah dengan kode berikut:

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

Contoh permintaan statis:

http://pruebaexpress.lite.c9.io/js/socket.io.js

Saya butuh solusi yang lebih sederhana. Apakah itu ada

default.css harus tersedia di http://localhost:3001/default.css

The stylesdalam app.use(express.static(__dirname + '/styles'));hanya memberitahu mengungkapkan untuk melihat di stylesdirektori untuk file statis untuk melayani. Itu tidak (membingungkan) kemudian membentuk bagian dari jalan yang tersedia.

Ini bekerja untuk saya:

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

Di server.js Anda:

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

Anda telah menyatakan express dan aplikasi secara terpisah, membuat folder bernama 'publik' atau sesuka Anda, namun Anda dapat mengakses folder ini. Di template src Anda, Anda telah menambahkan jalur relatif dari / publik (atau nama folder Anda ke file statis). Waspadalah terhadap bar di rute.

Apa yang berhasil untuk saya adalah:

Alih-alih menulis app.use(express.static(__dirname + 'public/images'));di app.js Anda

Cukup tulis app.use(express.static('public/images'));

yaitu menghapus nama direktori root di path. Dan kemudian Anda dapat menggunakan jalur statis secara efektif di file js lainnya, Misalnya:

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

Semoga ini membantu :)

Saya menggunakan Bootstrap CSS, JS dan Font di aplikasi saya. Saya membuat folder bernama assetdirektori root aplikasi dan meletakkan semua folder ini di dalamnya. Kemudian dalam file server ditambahkan baris berikut:

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

Baris ini memungkinkan saya untuk memuat file-file yang berada di assetdirektori dari /assetawalan jalan seperti: http://localhost:3000/asset/css/bootstrap.min.css.

Sekarang dalam pandangan saya cukup memasukkan CSS dan JS seperti di bawah ini:

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

untuk menyajikan file statis (file css, gambar, file js) hanya dua langkah:

1. meneruskan direktori file css ke middleware 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. untuk mengakses file atau gambar css cukup ketik url http: // localhost: port / filename.css mis: http: // localhost: 8081 / bootstrap.css

catatan: untuk menautkan file css ke html ketikkan saja<link href="file_name.css" rel="stylesheet">

jika saya menulis kode ini

var express = require('express');
var app = express();
app.use('/css',express.static( 'public/css'));

untuk mengakses file statis cukup ketik url: localhost: port / css / filename.css mis: http: // localhost: 8081 / css / bootstrap.css

catatan untuk menautkan file css dengan html cukup tambahkan baris berikut

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

ini bekerja untuk saya

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

Coba akses dengan http: // localhost: 3001 / default.css .

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

Anda benar-benar memberinya nama folder yaitu gaya bukan pinggiran kota Anda.

Saya menemukan file css saya dan menambahkan rute ke sana:

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

Maka tampaknya berhasil.

Selain di atas, pastikan path file statis dimulai dengan / (ex ... / assets / css) ... untuk menyajikan file statis di direktori mana pun di atas direktori utama (/ main)

jika pengaturan Anda

myApp
  |
  |__ public
  |     |
  |     |__  stylesheets
  |     |     |
  |     |     |__ style.css
  |     |
  |     |___ img
  |           |
  |           |__ logo.png
  |
  |__ app.js

lalu,
masukkan app.js

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

dan lihat style.css Anda: (dalam beberapa file .pug):

link(rel='stylesheet', href='/static/stylesheets/style.css')

1. Buat folder dengan nama 'publik' di
   folder proyek Nodejs .
2. Masukkan file index.html ke dalam folder proyek Nodejs.
3. Masukkan semua skrip dan file css ke folder publik.

4. Menggunakan app.use( express.static('public'));

5. dan di index.html jalur yang benar dari skrip ke<script type="text/javascript" src="/javasrc/example.js"></script>

Dan sekarang semuanya bekerja dengan baik.

direktori statis

periksa gambar di atas (direktori statis) untuk struktur 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'))