Question

MERN app static folder files faild with ERR_CONNECTION_TIMED_OUT

Posted July 10, 2021 57 views
DigitalOceanDeploymentReact

I deployed my app successfuly and im getting right the title and icon. but the contnt isn’t loading and i’m getting this error:

GET https://thedailysicha.com/static/css/2.7cb5f478.chunk.css net::ERR_CONNECTION_TIMED_OUT
thedailysicha.com/:1 GET https://thedailysicha.com/static/css/main.4c95d939.chunk.css net::ERR_CONNECTION_TIMED_OUT
thedailysicha.com/:1 GET https://thedailysicha.com/static/js/2.4c927eb3.chunk.js net::ERR_CONNECTION_TIMED_OUT
thedailysicha.com/:1 GET https://thedailysicha.com/static/js/main.575e9f45.chunk.js net::ERR_CONNECTION_TIMED_OUT
/logo.JPG:1 GET https://thedailysicha.com/logo.JPG net::ERR_CONNECTION_TIMED_OUT

please help me!

These answers are provided by our Community. If you find them useful, show some love by clicking the heart. If you run into issues leave a comment, or add your own answer to help others.

×
Submit an Answer
1 answer

Hello,

It looks like that you only have HTTP enabled on your server. So when the site tries to load the static resources via HTTPS the connection is timing out.

You could install a Let’s Encrypt SSL certificate using certbot which will automatically configure your Nginx webserver server block and you would have HTTPS enabled.

You can follow the steps on how to do that here:

https://www.digitalocean.com/community/tutorials/how-to-secure-nginx-with-let-s-encrypt-on-ubuntu-20-04

Regards,
Bobby

by Brian Boucheron
Let's Encrypt is a Certificate Authority (CA) that provides an easy way to obtain and install free TLS/SSL certificates, thereby enabling encrypted HTTPS on web servers. It simplifies the process by providing a software client, Certbot, that attempts to automate most (if not all) of the required steps. In this tutorial, you will use Certbot to obtain a free SSL certificate for Nginx on Ubuntu 20.04, and set up your certificate to renew automatically.