javascript - configure node express to serve static bower_components? -
मेरे पास निर्देशिका संरचना है
projectName | - bower_components / | - सार्वजनिक / | - सीएसएस | - जेएस | - index.html | - ग्रन्टफाइल.जेएस | - पैकेज.जेसन | - बोवर। जेसन | - app.js मैं अपने ऐप को प्रारंभ करना चाहूंगा और नोड के साथ index.html सेवा करूँगा। इसलिए ऐप। जेएस में मेरे पास है: var express = require ('express'); Var port = process.env.PORT || 3000; Var ऐप = एक्सप्रेस (); App.configure (function () {// सार्वजनिक डायरेक्टरी एप से उपयोग की जाती है। उपयोग (एक्सप्रेस.स्टीटिक (__ डायनाम्न + '/ पब्लिक')); ऐप.उसे (ऐप.क्रॉटर); ऐप.उसेन (एक्सप्रेस.लॉगर ( ));}); App.listen (पोर्ट, फ़ंक्शन () {console.log ('पोर्ट पर एक्सप्रेस सर्वर सुनना' + पोर्ट);}); index.html के तल में मेरे पास है: & lt; script src = "../ bower_components / jquery /jquery.js"></script> & Lt; script src = "../ bower_components / d3 / d3.js" & gt; & lt; / स्क्रिप्ट & gt; & Lt; script src = "../ bower_components / bootstrap / dist / js / bootstrap.js" & gt; & lt; / स्क्रिप्ट & gt; & Lt; script src = "bower_components / spin.js / spin.js" & gt; & lt; / स्क्रिप्ट & gt; & Lt; script src = "bower_components / मिशा / मूंछें। Js" & gt; & lt; / script & gt; जब मैं सर्वर शुरू करता हूँ, index.html दिखाता है, लेकिन उपरोक्त पुस्तकालयों में से कोई भी लोड नहीं होता है। मुझे त्रुटि मिलती है (404): प्राप्त करें: http: // localhost: 3000 / bower_components / jquery / jquery.js 404 (नहीं मिला) localhost /: 32 GET http: // localhost: 3000 / bower_components / d3 / d3.js 404 (नहीं मिला) localhost /: 33 GET http: // localhost: 3000 / bower_components / bootstrap / dist / js / bootstrap.js 404 (नहीं मिला) स्थानीयहोस्ट /: 34 प्राप्त करें http: //localhost:3000/bower_components/spin.js/spin.js 404 (नहीं मिला) स्थानीयहोस्ट /: 35 GET http: // स्थानीयहोस्ट: 3000 / bower_components / मूंछें / मूंछें। 404 (नहीं मिली) < / Pre> मैं bower_components से फ़ाइलों की सेवा कैसे कर सकता हूं?
मैं इस सेटअप का उपयोग करता हूं: < / P>
ऐप.उसे (एक्सप्रेस.स्टीटिक (__ डीिरनाम + '/ सार्वजनिक')); App.use ('/ bower_components', express.static (__ डीरनाम + '/ bower_components')); तो किसी भी बुवर घटकों को इस तरह HTML से लोड किया जाता है:
& lt; script src = "/ bower_components /..." gt; & lt; / स्क्रिप्ट & gt; और कोई अन्य क्लाइंट-साइड जेएसएस / सीएसएस ( सार्वजनिक / में) इस तरह लोड होता है: & lt; script src = "/ js /..."& gt; & lt; / लिपि & gt;
Comments
Post a Comment