Bu dok├╝man ingilizce dok├╝mana g├Âre eski olabilir. Son g├╝ncellemeler i├žin l├╝tfen ─░ngilizce Dok├╝man─▒. ziyaret edin

Ôťľ

Express ile statik dosyalar─▒ sunmak

G├Ârseller, CSS dosyalar─▒ ve JavaScript dosyalar─▒ gibi statik dosyalar─▒ sunmak i├žin, ExpressÔÇÖte bulunan express.static ara katman─▒n─▒ kullan─▒n.

Fonksiyonun yap─▒s─▒ ┼ču ┼čekildedir:

express.static(root, [options])

root arg├╝man─▒ statik dosyalar─▒n bulundu─ču ana dizine kar┼č─▒l─▒k gelir. options arg├╝man─▒ hakk─▒nda detayl─▒ bilgi i├žin, express.static sayfas─▒n─▒ ziyaret edin.

├ľrne─čin, public dizininde bulunan g├Ârselleri, CSS dosyalar─▒n─▒ ve JavaScript dosyalar─▒n─▒ sunmak i├žin bunu kullan─▒n:

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

Art─▒k public dizininde bulunan statik dosyalar─▒ g├Ârebilirsiniz:

http://localhost:3000/images/kitten.jpg
http://localhost:3000/css/style.css
http://localhost:3000/js/app.js
http://localhost:3000/images/bg.png
http://localhost:3000/hello.html
Express statik dosyalar─▒n yerlerine ana dizine ba─čl─▒ olarak bakar. Bu y├╝zden statik dosyalar─▒ bar─▒nd─▒ran ana dizin URL'de bulunmaz.

Birden fazla statik dosya dizini kullanmak i├žin express.static fonksiyonun birden fazla kullanabilirsiniz.

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

Express statik dosyalara express.static ile tan─▒mlad─▒─č─▒n─▒z s─▒rayla bakar.

NOT: En iyi sonu├ž i├žin, statik dosyalar─▒ sunarken performans─▒ art─▒rmak i├žin [reverse proxy](/tr/advanced/ ├Ânbelle─či kullan─▒n.

express.static ile sunulan dosyalar i├žin sanal bir yol (statik dizinin asl─▒nda ger├žekte bulunmad─▒─č─▒) yaratmak i├žin, statik dizine a┼ča─č─▒daki gibi bir path tan─▒mlay─▒n.

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

Art─▒k public dizinindeki dosyalara /static ├Ânekiyle ula┼čabilirsiniz.

http://localhost:3000/static/images/kitten.jpg
http://localhost:3000/static/css/style.css
http://localhost:3000/static/js/app.js
http://localhost:3000/static/images/bg.png
http://localhost:3000/static/hello.html

express.static fonksiyonu ile tan─▒mlad─▒─č─▒n─▒z yollar node processini ├žal─▒┼čt─▒rd─▒─č─▒n─▒z dizine ba─čl─▒d─▒r. Bu y├╝zden, e─čer express uygulamas─▒n─▒ ba┼čka bir dizinden ├žal─▒┼čt─▒r─▒yorsan─▒z, statik dizini tam adres olarak tan─▒mlaman─▒z daha g├╝venli olur.

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

serve-static hakk─▒nda daha fazla bilgi almak i├žin, serve-static sayfas─▒na g├Âz at─▒n.

├ľnceki: Basit Yol Atama ┬á┬á┬á┬áSonraki: S─▒k├ža Sorulan Sorular