डार्ट के साथ सीओआरएस, मैं इसे काम करने के लिए कैसे प्राप्त करूं?

Question

बस डार्ट के साथ झुकाव शुरू कर दिया और मैंने एक सरल एचटीपी सर्वर और एक ग्राहक लिखने का फैसला किया। मेरे सर्वर कोड:

#import("dart:io"); 

final HOST = "127.0.0.1"; 
final PORT = 8080; 
final LOG_REQUESTS = true; 

void main() { 
    HttpServer server = new HttpServer(); 
    server.addRequestHandler((HttpRequest request) => true, requestReceivedHandler); 
    server.listen(HOST, PORT); 
    print("Server is running on ${PORT}."); 
} 

void requestReceivedHandler(HttpRequest request, HttpResponse response) { 
    var pathname = request.uri; 
    var apiresponse=""; 
    if (LOG_REQUESTS) { 
    print("Request: ${request.method} ${pathname}"); 
    } 
    if(pathname == '/api'){ 
    response.headers.set(HttpHeaders.CONTENT_TYPE, "text/plain; charset=UTF-8"); 
    response.headers.add("Access-Control-Allow-Methods", "POST, OPTIONS, GET"); 
    response.headers.add("Access-Control-Allow-Origin", "*"); 
    response.headers.add('Access-Control-Allow-Headers', '*'); 
    print('welcome to the good life'); 
    response.outputStream.writeString("API Call"); 
    response.outputStream.close(); 
    } 
} 

मेरे क्लाइंट कोड:

#import('dart:html'); 
#import('dart:json'); 

class dartjson { 

    dartjson() { 
    } 

    void run() { 
    write("Hello World!"); 
    } 




    void fetchFeed(){ 
    XMLHttpRequest xhr = new XMLHttpRequest(); 
    var url = "http://127.0.0.1:8080/api"; 
    xhr.open("GET", url, true); 
    xhr.setRequestHeader('Content-Type', 'text/plain'); 
    //xhr.setRequestHeader('Access-Control-Request-Headers', 'http://127.0.0.1:3030'); 
    xhr.send(); 
    print(xhr.responseText); 
    document.query('#status').innerHTML = xhr.responseText; 

    } 



void main() { 
    new dartjson().fetchFeed(); 
} 

मैं त्रुटि प्राप्त हो रही:

XMLHttpRequest cannot load http://127.0.0.1:8080/api. Origin 
http://127.0.0.1:3030 is not allowed by Access-Control-Allow-Origin. 

क्या मुझे लगता है मैं गलत कर रहा हूँ?

Answer 1

आप अपने जीवन को सरल बना सकते हैं और उसी होस्ट से सर्वर/क्लाइंट स्क्रिप्ट दोनों चला सकते हैं: पोर्ट पता। http://www.dartlang.org/articles/io/#web-servers पर एक छोटा वेबसर्वर उदाहरण है जो स्थैतिक फ़ाइलों को भी प्रदान करता है। अपना '/ एपीआई' हैंडलर जोड़ें और सुनिश्चित करें कि आपकी क्लाइंट फाइलें एक ही निर्देशिका में हैं। उदाहरण सर्वर डार्ट संपादक बिल्टिन सर्वर से बहुत धीमा है जो पोर्ट 3030 पर चलता है।

Answer 2

एक ही समस्या का सामना कर रहा था। नीचे मेरा सर्वर कोड है। यह सिर्फ क्वेरी पैरामीटर प्रिंट करता है। समस्या को ठीक करने के लिए एक्सेस कंट्रोल हेडर जोड़ा गया।

HttpServer.bind('127.0.0.1', 8080).then((server){ 
    server.listen((HttpRequest request){  
     request.uri.queryParameters.forEach((param,val){ 
     print(param + '-' + val); 
     }); 

     request.response.headers.add("Access-Control-Allow-Origin", "*"); 
     request.response.headers.add("Access-Control-Allow-Methods", "POST,GET,DELETE,PUT,OPTIONS"); 

     request.response.statusCode = HttpStatus.OK; 
     request.response.write("Success!"); 
     request.response.close(); 
    }); 
    }); 

उम्मीद है कि इससे मदद मिलती है।