Nginx Reverse Proxy + SSL + Wordpress

wirestyle22

https://wp.skynetli.com

So I am trying to use my nginx reverse proxy with wordpress and wordpress doesn't like https at all. I can load http, but the moment I force https wordpress hates it.

server {
    client_max_body_size 40M;
    server_name wp.skynetli.com;
    proxy_set_header X-Real-IP $remote_addr;
    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    proxy_set_header Host $http_host;
    proxy_set_header X-NginX-Proxy true;
    proxy_redirect off;
    location / {
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        proxy_set_header Host $http_host;
        proxy_set_header X-NginX-Proxy true;
        proxy_pass http://192.168.1.208;
        proxy_redirect off;
        # Socket.IO Support
        proxy_http_version 1.1;
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection "upgrade";

}
    ssl_stapling on;
    ssl_stapling_verify on;
    ssl_session_cache shared:SSL:10m;
    add_header Strict-Transport-Security "max-age=31536000; includeSubdomains";

    listen 443 ssl; # managed by Certbot
    ssl_certificate /etc/letsencrypt/live/wp.skynetli.com/fullchain.pem; # managed by Certbot
    ssl_certificate_key /etc/letsencrypt/live/wp.skynetli.com/privkey.pem; # managed by Certbot
    include /etc/letsencrypt/options-ssl-nginx.conf; # managed by Certbot
    ssl_dhparam /etc/letsencrypt/ssl-dhparams.pem; # managed by Certbot

}
server {
    client_max_body_size 40M;
    listen 80;
    server_name wp.skynetli.com;
    return 301 https://wp.skynetli.com$request_uri;
}

I've read this is caused by mixed content but everything I've tried so far has not fixed the issue.

bnrstnr

That is what my sites normally look like until I install an SSL Insecure Content Fixer

I run this in my wp directory:
wp plugin install ssl-insecure-content-fixer --activate

wirestyle22

@bnrstnr said in Nginx Reverse Proxy + SSL + Wordpress:

This is what my sites normally look like until I install an SSL Content Fixer

I run this in my wp directory:
wp plugin install ssl-insecure-content-fixer --activate

It's installed and activated but didn't actually do anything

bnrstnr

@wirestyle22 said in Nginx Reverse Proxy + SSL + Wordpress:

@bnrstnr said in Nginx Reverse Proxy + SSL + Wordpress:

This is what my sites normally look like until I install an SSL Content Fixer

I run this in my wp directory:
wp plugin install ssl-insecure-content-fixer --activate

It's installed and activated but didn't actually do anything

You already had it installed or just did it?

wirestyle22

@bnrstnr said in Nginx Reverse Proxy + SSL + Wordpress:

@wirestyle22 said in Nginx Reverse Proxy + SSL + Wordpress:

@bnrstnr said in Nginx Reverse Proxy + SSL + Wordpress:

This is what my sites normally look like until I install an SSL Content Fixer

I run this in my wp directory:
wp plugin install ssl-insecure-content-fixer --activate

It's installed and activated but didn't actually do anything

You already had it installed or just did it?

I tried it before and it didn't work so I uninstalled it. Just reinstalled it.

scottalanmiller

I use ReallySimpleSSL for my WordPress sites.

dbeato

@scottalanmiller said in Nginx Reverse Proxy + SSL + Wordpress:

I use ReallySimpleSSL for my WordPress sites.

That is what I use as well!

wirestyle22

@scottalanmiller said in Nginx Reverse Proxy + SSL + Wordpress:

I use ReallySimpleSSL for my WordPress sites.

No change

NerdyDad

How about certbot?

wirestyle22

@NerdyDad said in Nginx Reverse Proxy + SSL + Wordpress:

How about certbot?

I used certbot on the reverse proxy

dbeato

@wirestyle22 said in Nginx Reverse Proxy + SSL + Wordpress:

@NerdyDad said in Nginx Reverse Proxy + SSL + Wordpress:

How about certbot?

I used certbot on the reverse proxy

What is the actual error that you receive?

JaredBusch

Browser caching.

Always test in porn mode.

Close and reopen porn mode often because caching while the instance is open does happen.

scottalanmiller

@NerdyDad said in Nginx Reverse Proxy + SSL + Wordpress:

How about certbot?

How does that relate?

JaredBusch

@scottalanmiller said in Nginx Reverse Proxy + SSL + Wordpress:

@NerdyDad said in Nginx Reverse Proxy + SSL + Wordpress:

How about certbot?

How does that relate?

It does not. At all.

wirestyle22

@dbeato said in Nginx Reverse Proxy + SSL + Wordpress:

@wirestyle22 said in Nginx Reverse Proxy + SSL + Wordpress:

@NerdyDad said in Nginx Reverse Proxy + SSL + Wordpress:

How about certbot?

I used certbot on the reverse proxy

What is the actual error that you receive?

The website is just misshapen and weird. Similar to what you get with Bookstack when you don't edit the APP URL line in /var/www/bookstack/.env

wirestyle22

I'm going to go through the installation steps again and not use lets encrypt this time. I'll try to active the SSL cert with ReallySimpleSSL

JaredBusch

I use this one to make SSL clean on daerma.com

Nginx on separate box terminating SSL. No SSL between Nginx and Wordpress.

scottalanmiller

@wirestyle22 said in Nginx Reverse Proxy + SSL + Wordpress:

I'm going to go through the installation steps again and not use lets encrypt this time. I'll try to active the SSL cert with ReallySimpleSSL

Let's Encrypt cannot be a factor. Certbot isn't a factor. ReallySimpleSSL needs you to have a cert, I've always used it with LE.

Don't flail. Keep the LE cert, that can't be related to the problem.