CORS implementation IN Javascript

Question

I want to access a resource placed in someother server. I want to access it from javascript , I tried implementing CORS , by following tutorial here . But didn't get how to configure other server with Access-Control-Allow-Origin header, so still browser didnt allowed access . I then tried installing CORS extension for chrome , it worked , but the issue with chrome extension is that , if I access any resource from the same server , where web page is hoisted , I get this error : The 'Access-Control-Allow-Origin' header contains multiple values, but only one is allowed. Origin _ ,is therefore not allowed access.

In case of chrome extension cross domain resource access works but from same domain fails. I want to implement CORS through code , rather than extension .

does the other server also has the CORS header in the response it sends ? you can check that from Chrome's developer tools Network tab. — Alok Swain
– Alok Swain, Commented Jul 11, 2014 at 5:38
In javascript I have made the required CORSrequest , but on other server there is wamp , I am not able to figure out where to add below line : Header set Access-Control-Allow-Origin "*" . is it httpd.conf or any other file , I have added it in <Directory> but still when I try request , I get error : No 'Access-Control-Allow-Origin' header is present on the requested resource. — Bhupendra
– Bhupendra, Commented Jul 11, 2014 at 11:17
By using CORS extension for chrome , Without making any configuration changes to other server , I get response . — Bhupendra
– Bhupendra, Commented Jul 11, 2014 at 11:20

jgillich · Accepted Answer · 2014-07-16 08:39:10Z

1

There are two ways to do it :

Add the chrome extension CORS to chrome , then if you try to make a cross domain XMLHTTPRequest , the browser won't complain , it would load the cross domain resource.
If you dont want extension , other way is to configure the cross domain server.Below is the process for wamp server
- open file apache/conf/httpd.conf and uncomment below line :
LoadModule headers_module modules/mod_headers.so
- Add below lines under "Directory" tag
  
  <IfModule mod_headers.c> Header set Access-Control-Allow-Origin "*" </IfModule>
Use * if you want to allow cross domain from all servers else give the name of server explicitly. Now save the httpd.conf file and restart the wamp server.

edited Jul 16, 2014 at 8:39

jgillich

77.2k7 gold badges61 silver badges89 bronze badges

answered Jul 16, 2014 at 8:29

Bhupendra

1,29620 silver badges45 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

amenthes · Accepted Answer · 2014-07-16 08:55:30Z

0

Besides the two opetions mentioned by @Bhupendra, You could also run a proxy. The Proxy goes between your browser and the actual server, and adds the headers on the fly. For development, this is a perfectly fine solution.

Two node projects that i have used:

You will need node.js and npm for both.

answered Jul 16, 2014 at 8:55

amenthes

3,3561 gold badge36 silver badges42 bronze badges

Collectives™ on Stack Overflow

CORS implementation IN Javascript

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related