Media Files cannot be loaded & no button login function for admin portal

[sumhm]

Hey guys!

Desperately need some advice on the issues that I am currently facing.

Previously, the media files were working fine and the admin portal had a “Login using Netlify Identity” button. But one day, the files suddenly could not load and the button on the admin portal would not appear. Everything loads fine on this: https://bii-publications.netlify.app/media/uploads/1149_straightforward-incorporation-of-multiple.pdf. But when using my own custom domain, the issues mentioned earlier surface.

At first I thought it was due to the SSL certs as I could load everything fine using http but not https. However, even after adding the certs, the problems still surface.

Any suggestions on what I can do fix this? Could it be my custom domain that is causing the issues?

Here’s an image to show the issues faced + my domain settings on Netlify.

Thank you!

[luke]

Hi, @sumhm. I do see the custom domain is not being served by Netlify. Some other service is being used to proxy to us. The IP address used is one for StackPath.

$ whois "$(dig publications.bii.a-star.edu.sg A +short | tail -n 1)" | grep "OrgName"
OrgName:        StackPath, LLC.

The DNS records also confirm this:

$ dig publications.bii.a-star.edu.sg  +noall +answer

; <<>> DiG 9.10.6 <<>> publications.bii.a-star.edu.sg +noall +answer
;; global options: +cmd
publications.bii.a-star.edu.sg.	250 IN	CNAME	t3s2j2y6.stackpathcdn.com.
t3s2j2y6.stackpathcdn.com. 550	IN	A	151.139.128.11

Note, we do not recommend proxying to our CDN.

That being said, if you are seeing incorrect content served, please let us know the x-nf-request-id header for the incorrect response and we can research this further. There is more information about how to find that header here:

[Support Guide] Netlify Support asked for the 'x-nf-request-id' header? What is it and how do I find it?

What is the x-nf-request-id header? Web servers and web browser communicate using a protocal HTTP - Hypertext Transfer Protocol. Both web browsers and web servers use something called headers as part of this protocol. The headers that web browsers send are called “request headers” because the browser in making an “HTTP request”. The web servers headers are called “response headers” because web servers send an “HTTP response”. Netlify creates a unique HTTP response header for each request it r…

If there are other questions or if there is a header we can research, please let us know.

[sumhm]

Hi Luke,

My website is finally able to load PDF files and login to the admin portal after I removed StackPath. Thank you so much for your advice.

Cheers!