I am using CodeIgniter 3 as a web platform and trying to import semantic-UI CSS into my page. I'm doing so by using CodeIgniter's base_url()
method in the href
property for the CSS import.
However, semantic.css itself imports some other fonts on my server, which cannot load because of Cross-Origin
resource sharing policy. This is the error message chrome gives me:
Font from origin 'http://[::1]
' 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://localhost' is therefore not allowed access.
This is because base_url() echoes the domain has been [::1]
and not localhost as I've typed into the browser.
For some reason, it appears to me that chrome (and also Edge) does not consider [::1]
and localhost as the same host, or maybe I'm just being dumb. What I know though is that if I change the path of the main semantic.css file and complex code localhost into it, it works, and it also works if, instead of requesting my page using localhost, I use [::1]
I've done other projects very similar to this and never had this "[::1]"
appear. What exactly is causing PHP to echo such a path?