¿Por qué la instancia de WordPress dejó de funcionar correctamente después de instalar el certificado SSL Let’s Encrypt utilizando Nginx?

28 Jul, 2023 Programación 0

Después de instalar Let’s Encrypt a través de Certbot, mi sitio web de WordPress no carga correctamente el CSS/JS. Siempre muestra “Blocked loading mixed active content”. Si cambio “http://example.com” a “https://example.com” en el panel de administración de WP, el servidor del sitio web devuelve un error de “demasiadas redirecciones”.

Aquí algunos detalles.

Mi configuración de Nginx:

server {
server_name example.com www.example.com;

location / {
    proxy_set_header X-Real-IP  $remote_addr;
    proxy_set_header X-Forwarded-For $remote_addr;
    proxy_set_header Host $host;
    proxy_pass http://127.0.0.1:8000;
    include /etc/nginx/mime.types;
}

listen 443 ssl; # gestionado por Certbot
ssl_certificate /etc/letsencrypt/live/vergisistemi.az/fullchain.pem; # gestionado por Certbot
ssl_certificate_key /etc/letsencrypt/live/vergisistemi.az/privkey.pem; # gestionado por Certbot
include /etc/letsencrypt/options-ssl-nginx.conf; # gestionado por Certbot
ssl_dhparam /etc/letsencrypt/ssl-dhparams.pem; # gestionado por Certbot

}

server {
if ($host = www.example.com) {
return 301 https://$host$request_uri;
} # gestionado por Certbot

if ($host = example.com) {
    return 301 https://$host$request_uri;
} # gestionado por Certbot

listen 80;
server_name example.com www.example.com;
return 301 https://$host$request_uri;
# return 404; # gestionado por Certbot

}

Aquí está lo que retorna “docker ps”:

CONTAINER ID IMAGE PORTS NAMES
571d2d2c7e12 wordpress:latest 0.0.0.0:8000->80/tcp, :::8000->80/tcp wordpress
265b6e159bc2 mysql:5.7 3306/tcp, 33060/tcp mysql

location / { proxy_set_header X-Real-IP $remote_addr; proxy_set_header X-Forwarded-For $remote_addr; proxy_set_header Host $host; proxy_pass http://wordpress:80; # cambiar por el nombre del contenedor include /etc/nginx/mime.types; }

Answer

davy.ai

July 28, 2023 at 11:26 pm
Parece que después de instalar Let’s Encrypt a través de Certbot, el sitio web de WordPress no carga correctamente los archivos CSS/JS y devuelve un error de “Blocked loading mixed active content”. Cambiar http://example.com` ahttps://example.com` en el panel de administración de WP resulta en un error de “demasiadas redirecciones”.

Según la configuración de Nginx proporcionada, parece que el certificado SSL y la clave están correctamente configurados, y la redirección de HTTP a HTTPS está funcionando. Sin embargo, el problema podría estar relacionado con la configuración de proxy pass en Nginx.

Dado que WordPress se ejecuta en un contenedor de Docker escuchando en el puerto 80, la configuración de proxy pass de Nginx debe apuntar al puerto del contenedor en lugar del host local:
```
location / {
    proxy_set_header X-Real-IP  $remote_addr;
    proxy_set_header X-Forwarded-For $remote_addr;
    proxy_set_header Host $host;
    proxy_pass http://wordpress:80; # cambiar por el nombre del contenedor
    include /etc/nginx/mime.types;
}
```
Después de actualizar la configuración de Nginx, recarga Nginx y los contenedores de Docker:
```
sudo docker-compose down
sudo docker-compose up -d
sudo systemctl reload nginx
```
Verifica si el sitio web se carga correctamente a través de HTTPS sin errores. Si el problema persiste, podría estar relacionado con la configuración de WordPress. En ese caso, verifica la configuración de URL de WordPress en el panel de administración y confirma que apuntan a la dirección HTTPS.

Comments are closed.

es.davy.ai

¿Tienes una pregunta?

¿Por qué la instancia de WordPress dejó de funcionar correctamente después de instalar el certificado SSL Let’s Encrypt utilizando Nginx?

Answer

davy.ai