NGINX Proxy to wordpress website

Question

I have a statically served site (using nginx). I want to host a wordpress blog (hosted on a different instance) under /blog folder. When using a nginx proxy:

location /blog/ {
   proxy_set_header X-Is-Reverse-Proxy "true";
   proxy_set_header Host $host;
   proxy_set_header X-Real-IP $remote_addr;
   proxy_set_header X-Forwarded-For $remote_addr;
   proxy_pass http://55.555.55.555;
}

and the following wp-config.php:

define('WP_SITEURL', 'http://' . $_SERVER['HTTP_HOST'] . '/');
define('WP_HOME', 'http://SOMESITE.com/blog/');

All the files from wp-content (and wp-includes) are not being served correctly, since they are being searched under http://SOMESITE.com/wp-content/* instead of http://SOMESITE.com/blog/wp-content/*.

Adding some extra proxy rules didn't work, ex:

location ~* (\/wp-content) {
   proxy_set_header X-Is-Reverse-Proxy "true";
   proxy_set_header Host $host;
   proxy_set_header X-Real-IP $remote_addr;
   proxy_set_header X-Forwarded-For $remote_addr;
   proxy_pass http://55.555.55.555;
}

nor redefining the wp-config.php:

define('WP_SITEURL', 'http://SOMESITE.com/blog/');

Would love any ideas. I am also pretty sure it is a common use case, but couldn't find any working tricks here.

THX.

Dagmar · Accepted Answer · 2018-10-02 10:09:51Z

31

I finally got a NGINX reverse proxy working for a Wordpress blog!

My setup is a Wordpress site served by NGINX on port 8080 and a default site (on port 80) that serves the Wordpress blog on the subdirectory "blog". (e.g. http://www.example.com/blog).

In my "default site" NGINX configuration, I defined the following reverse proxy location:

location ^~ /blog/ {
  proxy_pass http://127.0.0.1:8080/;
  proxy_set_header Host $http_host;
  proxy_set_header X-Forwarded-Host $http_host;
  proxy_set_header X-Real-IP $remote_addr;
  proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
  proxy_set_header X-Forwarded-Proto $scheme;
}

In wp-config.php I made the following modifications:

/** set the site URL */
define('WP_HOME','http://www.example.com/blog');
define('WP_SITEURL','http://www.example.com/blog');

/** Fix to get the dashboard working with the reverse proxy.*/
$_SERVER['REQUEST_URI'] = str_replace("/wp-admin/", "/blog/wp-admin/",  $_SERVER['REQUEST_URI']);

For completeness, here is the basic NGINX config for the Wordpress blog:

server {
    listen 8080;
    listen [::]:8080;
    server_name example.com;
    root /var/www/blog;
<...>
    location / {
         index index.php 
         try_files $uri $uri/ /index.php?$args;
    }

    location ~ \.php$ {
         include fastcgi.conf;
         fastcgi_pass unix:/var/run/php/php7.2-fpm.sock;
         fastcgi_intercept_errors on;
         fastcgi_index index.php;
    }
}

Versions:

Ubuntu 18.04
NGINX version 1.4
PHP 7.2
Wordpress 4.8.5

answered Oct 2, 2018 at 10:09

Dagmar

3,32127 silver badges30 bronze badges

Sign up to request clarification or add additional context in comments.

6 Comments

Nathaniel Rogers Over a year ago

This was super useful! Apparently you NEED the trailing slash after your proxy_passed proxy_pass 127.0.0.1:8080; will work proxy_pass 127.0.0.1:8080; will not..

Dagmar Over a year ago

@NathanielRogers good to know that - thanks for pointing that out!

Ginterhauser Over a year ago

Yeah, the trailing slashes are ridiculously important in nginx. I've stopped counting the hours that I've lost on them

Alex Balcanquall Over a year ago

great post if you are using nginx as the websever, however the docker container doesn't - and using the docker container seems to cause slow php processing as it takes 5s to serve up each php - we really need a example of php caching in the reverse proxy itself when using default apache.

CallMarl Over a year ago

Thank you for your great post. For people who don't quite understand the reason for the error but have knowledges of php programming. 'proxy_set_header' is an instruction to tell nginx to pass http informations to the final application. These informations are the same that you can retrieve in $_SERVER and WordPress uses a lot of these globals.

|

Aleks · Accepted Answer · 2021-06-03 22:49:56Z

4

For me the answer was a bit simpler:

location /blog {
   proxy_ssl_server_name on;
   proxy_pass https://blog.example.com;
}

wp-config.php

/** set the site URL */
define('WP_HOME','https://www.example.com/blog');
define('WP_SITEURL','https://www.example.com/blog');

/** Fix to get the dashboard working with the reverse proxy.*/
$_SERVER['REQUEST_URI'] = str_replace("/wp-admin/", "/blog/wp-admin/",  $_SERVER['REQUEST_URI']);

Note that this was made for https.

All credits goes to @dagmar as I have based my answer on his. I coundn't put in comments as it wouldn't fit.

answered Jun 3, 2021 at 22:49

Aleks

5,5384 gold badges41 silver badges71 bronze badges

Comments

Plup · Accepted Answer · 2017-10-26 10:29:17Z

1

So this is my config for a proxified wordpress like https://happy-dev.fr/blog :

location /blog/ {
     proxy_set_header X-Original-Request $request_uri;
     proxy_set_header X-Real-IP $remote_addr;
     proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
     proxy_set_header X-Forwarded-Proto $scheme;
     proxy_pass https://blog.happy-dev.fr/;
     proxy_redirect https://$proxy_host/ /;
}

This works with the wordpress at this address blog.happy-dev.fr without the need to put it in a /blog/ subdirectory because it overrides the default behavior which is:

proxy_redirect https://$proxy_host/ /blog/

I found this there http://nginx.org/en/docs/http/ngx_http_proxy_module.html#proxy_redirect

edited Oct 26, 2017 at 10:29

answered Oct 24, 2017 at 16:04

Plup

1,3621 gold badge11 silver badges15 bronze badges

1 Comment

Jhonny D. Cano -Leftware- Over a year ago

I think this solution has a problem: The html files generated by wordpress point to '/' instead of '/blog'. You will also need to update wp-options in mysql to account for the subpath

Sunding Wei · Accepted Answer · 2022-06-22 09:38:01Z

I finally got the nginx works for WordPress with subdirectory

https://my-website.com/blog

Setup a localhost website to wordpress

server {
        listen   7789;

        root /data/web/wordpress/;

        # Make site accessible from http://localhost/
        server_name localhost;

        location / {
                index index.php;
                try_files $uri $uri/ /index.php?$args;
        }

        location ~ \.php$ {
                include snippets/fastcgi-php.conf;
                fastcgi_pass unix:/var/run/php/php7.4-fpm.sock;
        }

        location ~ /\.ht {
                deny all;
        }
}

nginx reverse proxy

server {
    listen         443 ssl;
    ...

    # the trailing '/' is vital
    location ^~ /blog/ {
        proxy_set_header Host $host;
        proxy_set_header X-Forwarded-For $remote_addr;
        proxy_set_header X-Forwarded-Proto https;
        proxy_pass http://localhost:7789/;
    }
}

defines to wp-config.php

/** set the site URL */
define('WP_HOME', '/blog');
define('WP_SITEURL', '/blog');
$_SERVER['REQUEST_URI'] = str_replace("/wp-admin/", "/blog/wp-admin/",  $_SERVER['REQUEST_URI']);

change wp-includes/load.php to support ssl reverse proxy

function is_ssl() {
    // Check reverse proxy header, uppercase at server side
    $proto = $_SERVER['HTTP_X_FORWARDED_PROTO'] ?? "http";
    if ($proto == "https")
        return true;
    ...
}

make sure to disable the chrome disk cache to debug (F12 -> Disable cache)

Suyash Sumaroo · Accepted Answer · 2018-11-27 14:09:57Z

0

I had to add an additional line in the nginx config file:

location /wp-content {
    proxy_pass https://blog.site.com/wp-content/;
}

This will take care of loading all your wp-content resources, including assets from your wordpress plugins.

answered Nov 27, 2018 at 14:09

Suyash Sumaroo

831 silver badge7 bronze badges

Collectives™ on Stack Overflow

NGINX Proxy to wordpress website

5 Answers 5

6 Comments

Comments

1 Comment

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

6 Comments

Comments

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related