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

Popular posts from this blog

c - Mpirun hangs when mpi send and recieve is put in a loop -

python - Apply coupon to a customer's subscription based on non-stripe related actions on the site -

java - Unable to get JDBC connection in Spring application to MySQL -