blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

CORS problem in browser /node js.

By default the browser is disabled the cross-origin-resources-share for the purpose of security problem. The browser try to maintain (block) the unwanted use of syncing resouces by other end.


If you run this code in browser console which is given below




How to  resolve problem "blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource."

If you are using google chrome browser then go to  extension of google chrome and install "cors plugin". Link given below.


After installing "cors plugin" then "enabled it" now you request above code, Hence we not get any error of  "blocked by cors policy".


Genuine rule to bypass the problem of "blocked by cors policy"

 Simply go to  function of request and response block and paste the given below code.

res.setHeader('Access-Control-Allow-Origin', '*');
res.setHeader('Access-Control-Allow-Methods', 'GET, POST, PUT, DELETE'); res.setHeader('Access-Control-Allow-Headers', 'Content-Type'); res.setHeader('Access-Control-Allow-Credentials', true);



Let's take example to use the "res.setHeader" method.

prerequisite install

npm i express
npm i body-parser
npm i path
now ready to run this code  "node  filename.js"





Comments

Post a Comment

Popular posts from this blog

Which type of feed is useful for feedburner either rss or atom

Image
Feedburner feed selection either rss or atom The feedburner is well good things to  enhance the audience. The feedburner is used as feed in blogger/ wordpress. Before proceding the use of feedburner there is little confusion on select the rss or atom. If you really want to use freedburner in blogger/wordpress so you must use atom type  feed. The atom have so many features on compare to the rss feed type.   On the comparing the rss and atom we observing that atom supported Plain text, escaped HTML , XHTML, XML, Base 64 encoded binary  . The main feature in atom is xml, because the XML is mostly used in sitemap  of site that gives the rank of your site and google search  console (webmaster) can understand it. 
Read more

How to use set interval in Typescript

set interval in Typescript The set interval function is important role to execute the program in certain interval of time. Whatever code is written in setInterval function that execute at a fixed time. The time range is started from millisecond. Syntax : setInterval( callback ,  time) callback:-  ()=> time:-  We take time in millisecond  E.g(2000) The example is given below that execute the code on every 2 seconds (2000ms) setInterval(()=>{ console.log("Hello world") //2000 is millisecond it means this program print hello world every 2 second } , 2000) Try other set interval code with a function call setInterval(()=>{ //call other function whatever you want to execute intervalcall() } , 2000) function intervalcall(){ console.log("Hello Fellow user") } Try other set interval code with a time to start trigger setInterval(()=>{ if(new Date().getSeconds() == 20...
Read more

nvm command is not recognized in ubuntu

Image
How to install nvm packages in linux (ubuntu)  The nvm is stands on "node version manager". The NVM is used as to install the node packages, either upgrade or downgrade. Steps for installing nvm packages Go to terminal dialog box write After complete above process type.  Again type Type the node installation command
Read more