Eu quero fazer um WordPress Headless (usando a API wpgraphql em /graphql uri), onde o frontend será next.js. E quero que o front-end (Next.js) e o back-end (WordPress. admin, content e API) estejam no mesmo domínio .
Para esse fim, quero que todos os pedidos apenas para /wp-admin/*
e /wp-content/*
e /graphql
sejam direcionados para o WordPress. E todos os outros uri's serão redirecionados para o servidor next.js em localhost:3000 via proxy reverso. Abaixo está o arquivo de configuração do nginx.
server {
listen 80;
listen [::]:80;
root /var/www/wordpress;
index index.php index.html index.htm;
server_name localhost;
client_max_body_size 100M;
autoindex off;
# WordPress
location / {
try_files $uri $uri/ /index.php?$args;
}
location ~ \.php$ {
include snippets/fastcgi-php.conf;
fastcgi_pass unix:/var/run/php/php7.4-fpm.sock;
fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;
include fastcgi_params;
}
# Next.js
location # ... {
proxy_pass http://localhost:3000;
proxy_http_version 1.1;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection "upgrade";
proxy_set_header Host $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;
proxy_set_header X-Forwarded-Host $host;
proxy_set_header X-Forwarded-Port $server_port;
}
}
Qualquer ajuda apreciada, obrigado
nginx usa o prefixo de correspondência mais longo especificado com a
location
diretiva. Portanto, a configuração a seguir deve fazer o que você deseja.Você pode adotar a seguinte abordagem: