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


#1

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

I have the same issue.


#3

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


#4

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


#5

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


#6

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


#7

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


#8

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);

#9

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