RESOLVING ISSUE WITH CROSS ORIGIN RESOURCE SHARING POLICY FOR WEBSITES

May 12, 2016   /   by Marco  / Categories :  Technology, website, Websites
RESOLVING ISSUE WITH CROSS ORIGIN RESOURCE SHARING POLICY FOR WEBSITES HEADER

Another issue that we experienced was displaying content from different domains especially when using HTTP and HTTPS. Here’s an example of the error message:

Font from origin ‘https://website’ has been blocked from loading by Cross-Origin Resource Sharing policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource. Origin ‘http://website’ is therefore not allowed access.

The fix is to add the following statement to either the .htaccess file or if you’re using nginx VPS then add it to the nginx.conf file in /etc/nginx/

add_header ‘Access-Control-Allow-Origin’ ‘*’;

resolving issue with cross origin resource sharing policy for websites

resolving issue with cross origin resource sharing policy for websites

Once you’ve added it to the nginx.conf file make sure to restart the service by using the command:

service nginx restart

Then you can test it by using curl -I http://website

resolving issue with cross origin resource sharing policy for websites curl

If the curl result has Access-Control-Allow-Origin: * then it means the nginx changes worked.

DO YOU LIKE WHAT YOU'VE READ?
Join our subscription list and receive our content right in your mailbox. If you like to receive some Great deals our Freebies then subscribe now!

Our Sponsors

  • Follow us:

OTHER ARTICLES YOU MAY LIKE


HOW TO GET FREE UPGRADE TO PERPLEXITY.AI PRO FOR 12 MONTHS AND TESTING PRO FEATURES

HOW TO GET FREE UPGRADE TO PERPLEXITY.AI PRO FOR 12 MONTHS AND TESTING PRO FEATURES

If you spend time researching, comparing, or synthesising information online, you have probably encountered Perplexity.ai — a research-focused assistant that blends large language models with live web search and citation trails. The Pro plan supercharges that experience with priority access to powerful models, higher usage limits, and premium capabilities baked directly into the interface. Right […]

read more
VidTechy: The Ultimate Tool for AI-Powered Video Optimization

VidTechy: The Ultimate Tool for AI-Powered Video Optimization

Unlock the potential of your videos with VidTechy, the ultimate AI-powered tool for seamless video optimization and enhanced viewer engagement.

read more

Like our Page