No 'Access-Control-Allow-Origin' header is present on the requested resource

I am getting the following console error when trying to access the following link

https://forum.vuejs.org/

As a result, there is no icons for search input and other buttons

The screenshot is from Chrome, simmilar issues on Firefox

The error is show below:

Mixed Content: The page at 'https://forum.vuejs.org/' was loaded over HTTPS, but requested an insecure image 'http://vuejs.org/images/logo.png'. This content should also be served over HTTPS.
Redirect at origin 'https://vue-forum-vuejsorg.netdna-ssl.com' has been blocked from loading by Cross-Origin Resource Sharing policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'https://forum.vuejs.org' is therefore not allowed access.

Is it just me ?

2 Likes

I have the same issue.

We’re on it, sorry for for the inconvenience.

1 Like

I’m getting similar errors related specifically to fontawesome, which makes a lot of these forums hard to guess about :smiley:

This is part of the problem. We are still investgating where the request is actually being rejected …

Could you just use a cdn version of font-awesome or is it something that came packaged with the forum software?

Unfortunately, the latter. And we are not sure weither it’s the cloudflare CDN, digitalocean, docker or the forum app itself …

For those who want a temporary hack. If you run this in your console it will give you back the icons for duration of your session.

link=document.createElement('link');
link.rel='stylesheet';
link.href='https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css'
document.head.appendChild(link);
2 Likes

Simply Add “/” at the end of the Api URL
Example: request.get(api/posts) --> request.get(api/posts/)