Express: Statik içerik olarak font-awesome nasıl sunulur?

Question

Sitemde statik içerik sunmak için express kullanıyorum ve FontAwesome (npm install font-awesome) ürününü dahil etmek istiyorum. Ancak, Font-Awesome'ın css'sinde font dosyalarının bağlantıları, cadı ekspresinin anlamadığı versiyon bilgisi içeren bir sorgu-string ile eklenir.

Bu sorunla karşılaştı ve bir düzeltme buldu mu? Statik içerik için q'ları görmezden gelmenin basit bir yolu var mı?

var express = require('express') 
var app = express() 

app.use('/static', express.static('./node_modules/font-awesome/css')) 
app.use('/static', express.static('./node_modules/font-awesome/fonts')) 

// response 200 | /static/font-awesome.min.css 
// error 404 | /static/fontawesome--webfont.woff?v=4.6.3 

Güncelleme olarak @Denys SEGURET ben tahmin ettiği gibi bizim bu qs değil işaret ediyor. Gerçek istek /fonts/fontawesome--webfont.woff?v=...

Çözüm

app.use('/fonts', express.static('./node_modules/font-awesome/fonts')) 

Answer 1

Tarayıcınız /static/fontawesome--webfont.woff?v=4.6.3 istekleri için, sunucu ?v=xxx bölümünü görmezden ücretsiz olması. Ve bu, express.static modülünde yapılan işlem. Bu bölümün amacı, tarayıcıların ve proxy'lerin dosyanın eski bir sürümünü kullanmasını engellemektir. Yani sorun, düşündüğünüz yerde değil. Sorun, statik route'u iki sunucuya eşlersiniz. URL'ler, harita değiştirme

app.use('/static', express.static('./node_modules/font-awesome')) 

ve değişim: Birincisi dosyası ve sorunları bir 404.

(Kirli) Çözüm 1 bulamazsa

/static/fonts/fontawesome--webfont.woff?v=4.6.3 

Kirli olduğunu söylüyorum çünkü bir düğüm modülünün denetlenmeyen içeriğini sunuyorsunuz (npm güncellemesi yaptığınızda güncellenir). Bunu asla yapmamalısın.

Çözüm 2:

statik bir dizin oluşturun (isim önemli değil) ve daha sonra sadece

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