Home
Feed

Extend

Hashnode Pro
Hashnode for Agents

Resources

The foreword
Hashnode gql skill

Buildful - AI coding agent that delivers frontier-level results at a fraction of the cost Bug0 - The AI-native e2e QA regression testing Hackathons Changelog Brand @hashnode on X Hashnode on LinkedIn Support - hello+support@hashnode.com Code of Conduct Terms Privacy Sitemap

Search Hashnode

Search posts, tags, users, and pages

Discussion on "Web Security: Cross-Origin Resource Sharing (CORS)" | Hashnode

Feed/

Discussion

Web Security: Cross-Origin Resource Sharing (CORS)

It’s every developer’s frustration once in a while to see that big red Access to fetched has been blocked by CORS policy error in your console! 😁 Although there are some ways to quickly get rid of this error, let’s not take anything for granted toda...

Feb 1, 2022·9 min read·blog.learncodeonline.inUpdated Feb 26, 2022Read the article

#cors

Written by

Sumanth S

@SumanthS · Bangalore

View profile

Think beyond the world, but design and develop the existing world 👨‍💻

I am passionate about the latest tech and coding. Take a look at my amazing, world-class blog content on Test Automation(Selenium, Cypress and Playwright), API-Automation, JavaScript, Python, Svelte, VueJs, ReactJS, Angular, Flutter, and more...

Responses3

Markdown supported · ⌘↵ to post

Denish Ranpariya

Oct 2, 2022

Very nice blog Sumanth S, Loved the way you explained it in simple manner and using some images. Thanks.

Ayush Choudhary

May 17, 2021

Great Article...Loved the explanation...👍👍

Sumanth S

May 19, 2021

Thanks Ayush Choudhary

Dheeraj Mahra

May 10, 2021

I faced one issue related to cors some days back. When hitting an api with axios, I was getting <No Access-Control-Allow-Origin> header present on the server but I was able to make a successful call when hitting it with anchor tag. Any idea why??

Update: Access-Control-Allow-Origin is a response header - so in order to enable CORS - you need to add this header to the response from your server.

headers: {"Access-Control-Allow-Origin": "*"}

kindly add the above line, check it once

Sumanth S

May 10, 2021

Dheeraj Mahra

May 10, 2021

Sumanth S Yes I know tthe point that this header is required to enable CORS. But, It is a third party api and they have not added this header I guess. But how am I able to access it with anchor tag then??