nginx ssl reverse proxy for wordpress docker wont load resources and css

Question

recently i configured wordpress site with docker and it runs on port 8080 and then i configured nginx reverse proxy on host and it was totally fine.. but sooner after i added ssl site wont load itz css and i can not find the error

    server {
  server_name mysite.com; # change this

  # global gzip on
#  gzip on;
#  gzip_min_length 10240;
#  gzip_types text/plain text/css text/xml text/javascript application/x-javascript application/xml;
#  gzip_disable "MSIE [1-6]\.";

 # add_header Cache-Control public;

  location / {
    proxy_pass http://127.0.0.1:8080; # change this
    proxy_buffering on;
    proxy_buffers 12 12k;
    proxy_redirect off;

    proxy_set_header X-Real-IP $remote_addr;
    proxy_set_header X-Forwarded-For $remote_addr;
    proxy_set_header Host $host;
  }



    listen 443 ssl; # managed by Certbot
    ssl_certificate /etc/letsencrypt/live/mysite.com/fullchain.pem; # managed by Certbot
    ssl_certificate_key /etc/letsencrypt/live/mysite.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 {
    if ($host = mysite.com) {
        return 301 https://$host$request_uri;
    } # managed by Certbot


  listen 80;
  server_name mysite.com;
    return 404; # managed by Certbot
}

Please clarify your specific problem or provide additional details to highlight exactly what you need. As it's currently written, it's hard to tell exactly what you're asking. — Community
– Community Bot, Commented Jan 27, 2022 at 3:39

Ian Samz · Accepted Answer · 2024-05-16 08:51:22Z

List your docker containers to get your instance name

sudo docker ps -a

Access the wp-config.php on docker instance.

# Access your instance files 
sudo docker exec -i -t instance_name bash

# Install nano to edit files
apt install nano

nano wp-config.php

Add following at top of wp-config.php

define('FORCE_SSL_ADMIN', true);

if (strpos($_SERVER['HTTP_X_FORWARDED_PROTO'], 'https') !== false){
    $_SERVER['HTTPS'] = 'on';
    $_SERVER['SERVER_PORT'] = 443;
}
if (isset($_SERVER['HTTP_X_FORWARDED_HOST'])) {
    $_SERVER['HTTP_HOST'] = $_SERVER['HTTP_X_FORWARDED_HOST'];
}

Add following at end of wp-config.php. Repalce example.com with your domain name

define('WP_HOME','https://example.com/');
define('WP_SITEURL','https://exampe.com/');

In your nginx file ie /etc/nginx/sites-enabled/example.com, Ensure you have added proxy_set_header X-Forwarded-Proto https;

server {

    root /var/www/example.com;

    index index.html index.htm index.nginx-debian.html;

    server_name example.com www.example.com;

    location / {
            proxy_pass http://localhost:8000;
            proxy_http_version 1.1;
            proxy_set_header Upgrade $http_upgrade;
            proxy_set_header Connection 'upgrade';
            proxy_set_header Host $host;
            proxy_cache_bypass $http_upgrade;
            proxy_set_header X-Forwarded-Proto https;
    }



    listen 443 ssl; # managed by Certbot
    ssl_certificate /etc/letsencrypt/live/example.com/fullchain.pem; # managed by Certbot
    ssl_certificate_key /etc/letsencrypt/live/example.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 {
    if ($host = www.example.com) {
        return 301 https://$host$request_uri;
    } # managed by Certbot


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



    server_name example.com www.example.com;
    listen 80;
    return 404; # managed by Certbot




}

Now restart you docker instance

sudo docker restart instance_name

Collectives™ on Stack Overflow

nginx ssl reverse proxy for wordpress docker wont load resources and css

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related