Site Fails to Load on Chrome?

[andreilyskov]

My site www.andreilyskov.com is hosted on Github pages with Cloudflare as a proxy in order to force HTTPS.

Unfortunately, it seems like it doesn’t work in Chrome while it works fine in Safari.

You can see on the right hand side, none of the CSS works, returning a shortener.secureserver.net/error_404:1 Failed to load resource: the server responded with a status of 404 ()

[andreilyskov]

I did some googling and it seems like the issue might be with Godaddy, but I’ve already redirected the name servers to Cloudflare.

Nameservers
Last updated 12/28/2020 4:01 PM
Using custom nameservers Change
Nameserver

Cloudflare DNS | Authoritative and Secondary DNS

Cloudflare DNS | Authoritative and Secondary DNS

Here’s what my Cloudflare DNS setup looks like:

[sdayman]

It appears that most resources work properly with ‘www’, but when Chrome tries to connect to the naked domain, it gets the 404. You may need to make two changes:

1. Redirect non-www connections to www:
   Redirect example.com to www.example.com
2. Make sure you site’s canonical URL includes ‘www’, and dig around and make sure all internal links to pages, images, css, js, etc., use ‘www’.

[andreilyskov]

Yep i added a site rule here -

What’s strange is that it works in Private chrome tab session, but not in normal?

I get this error now… Very strange
GET https://www.andreilyskov.com/* net::ERR_ABORTED 404
*:1 Failed to load resource: the server responded with a status of 404 ()

[sdayman]

That looks much better. If I type in the naked domain in Brave (Chrome), everything redirects to www and loads.

[andreilyskov]

Thanks @sdayman!