2017-10-09 16 views
6

में प्राधिकरण शीर्षलेख मेरे पास api है जो jwt का उपयोग ऑथेनकेशन के लिए करता है। मैं vuejs ऐप के लिए इस एपीआई का उपयोग कर रहा हूं। मैंimg src link

<img src="my/api/link" /> 

का उपयोग कर अनुप्रयोग में एक छवि प्रदर्शित करने के लिए कोशिश कर रहा हूँ लेकिन api उस में jwt token साथ Authorization हैडर की उम्मीद है।

क्या मैं इस तरह के ब्राउज़र अनुरोध में हेडर जोड़ सकता हूं (यहां कुछ प्रश्नों के उत्तर में मुझे विश्वास है कि यह संभव नहीं है)?

क्या इसके आसपास कोई रास्ता है (जेएस का उपयोग करके) या क्या मुझे api स्वयं बदलना चाहिए?

+0

एपीआई को छवि को स्थिर संपत्ति के रूप में वितरित करना चाहिए। इसे जेडब्ल्यूटी प्राधिकरण की आवश्यकता नहीं होनी चाहिए। –

+2

@ माकाबी यह उपयोग के मामले के बारे में एक बड़ी धारणा है। ओपी, इस प्रश्न में कुछ संबंधित पढ़ने और संभावित समाधान: https://stackoverflow.com/questions/34096744/how-should-i-load-images-if-i-use-token-based- प्रमाणीकरण – CodingIntrigue

+0

मुझे jwt प्रमाणीकरण की आवश्यकता है छवियों के लिए क्योंकि वे निजी हैं और केवल प्रमाणित उपयोगकर्ता उन्हें देख सकते हैं – Ragas

उत्तर

3

आप छवियों पर प्रमाणीकरण नहीं कर सकते हैं जो सीधे img टैग में href के रूप में उपयोग किए जाते हैं। यदि आप वास्तव में अपनी छवियों पर इस प्रकार के प्रमाणीकरण चाहते हैं, तो एजेक्स का उपयोग करके उन्हें लाने और फिर अपने एचटीएमएल में एम्बेड करना बेहतर होगा।

+0

क्या यह अभी भी मामला है? यदि ऐसा है तो यह उत्तर स्वीकार किया जा सकता है। –

-2

आप अपने img

<img src="my/api/icon/my-icon.png" /> 

को staciс पैच का उपयोग करने की जरूरत है या आप अपने सर्वर में एक रास्ता मिल और प्रयोग <img src= $ {pathInServer} /> की जरूरत है। यह सब आपके सर्वर की सेटिंग्स पर निर्भर करता है।

0
<img src="/api/images/yourimage.jpg?token=here-your-token"> 

बैकएंड में आप क्वेरीपरम से जेडब्ल्यूटी को मान्य करते हैं।

+0

लेकिन फिर आपका टोकन सादे पाठ में भेजा जाता है, है ना? –

संबंधित मुद्दे