क्रोम एक्सटेंशन से स्थानीयहोस्ट से कनेक्ट नहीं हो सकता

Question

मैं क्रोम एक्सटेंशन पर काम कर रहा हूं जो समय ट्रैक करता है, और बैकएंड के लिए Google App Engine का उपयोग करता है।

परीक्षण के लिए, मैं ऐप इंजन ऐप के स्थानीय संस्करण में विस्तार के स्थानीय संस्करण को जोड़ने का प्रयास कर रहा हूं। जब मैं एक पोस्ट अनुरोध भेजने का प्रयास करें, मैं हो रही है:

XMLHttpRequest cannot load http://localhost:8080/report . Origin chrome-extension://mbndmimplohfkkcincjodnfpaapbbmei is not allowed by Access-Control-Allow-Origin.

लेकिन यह काम करता है जब मैं URL बदल इतना है कि यह appspot.com यूआरएल पर भी पोस्ट कर।

एक्सेस-कंट्रोल-अनुमति-उत्पत्ति क्या है, और यह मुझे स्थानीयहोस्ट से परिणाम प्राप्त करने से क्यों रोक रहा है?

Answer 1

मुझे विश्वास है क्योंकि ऐसा इसलिए है क्योंकि आप किसी ऐसे सर्वर पर कॉल नहीं कर सकते हैं जो आपके मैनिफेस्ट के अनुमति अनुभाग में शामिल नहीं है। manifest.json की अनुमतियां अनुभाग कुछ इस तरह दिखना चाहिए:

"permissions": [ 
    "http://myapp.appspot.com/*", 
    "http://localhost/*" 
] 

ध्यान दें, मैं इस परीक्षण नहीं किया है, लेकिन यह लगता है कि वह जगह है जहाँ आपकी समस्या से आ रही है।

Answer 2

आप अनुमतियों के भीतर बंदरगाहों को जोड़ नहीं सकते हैं। आपको अनुमति मैनिफेस्ट के भीतर एक्सटेंशन के लिए पोर्ट 80 का उपयोग करना होगा। मैं आमतौर पर nginx चलाता हूं और अपने एक्सटेंशन से पोर्ट 80 तक सभी ट्रैफिक रूट करता हूं।

Answer 3

मैं काम करने के लिए इस कोड को प्राप्त करने में सक्षम था:

var loginPayload = {}; 
loginPayload.username = document.getElementById('username').value; 
loginPayload.password = document.getElementById('password').value; 
console.log(loginPayload); 

var callback = function (response) { 
    console.log(response); 
}; 
var handle_error = function (obj, error_text_status){ 
    console.log(error_text_status + " " + obj); 
}; 

$.ajax({ 
    url: 'https://127.0.0.1:8443/hello', 
    type: 'POST', 
    success: callback, 
    data: JSON.stringify(loginPayload), 
    contentType: 'application/json', 
    error: handle_error 
}); 

संपादित करें:

1. एक्सटेंशन के लिए:
   जाहिर है किसी को यह इतना कुछ चीजें ध्यान में रखना पसंद नहीं था, जिसे https पर काम करना है, सुनिश्चित करें कि आपका सर्वर https की सेवा कर रहा है।
2. विपरीत ऊपर पोस्ट, क्रोम एक्सटेंशन/443

Answer 4

आप कर सकते हैं उपयोग कस्टम बंदरगाहों पोर्ट 80 के अलावा अन्य बंदरगाहों पर सेवा कर सकते हैं।

manifest.json

"permissions": ["http://localhost/*"] 

background.js (jQuery का उपयोग कर)

$.post('http://localhost:5000/some-endpoint');