☰

nginx 单页 js 应用程序 pushstate 与 wordpress 重写规则

tag-icon • tag-icon nginx rewrite wordpress
nginx 单页 js 应用程序 pushstate 与 wordpress 重写规则

我想添加：/client 子文件夹包含 backbone js 应用程序（带有推送状态）/admin 子文件夹包含 backbone js 应用程序（带有或不带有推送状态）

当我打开我的http://example.dev/client在浏览器中，它确实打开了单页应用程序的index.html，但是当我将/gallery/1/date添加到url时，它会打开wordpress 404页面而不是pushstate。

这是我的 nginx 位置块：

# {{ ansible_managed }}

location ^~ /admin {
    #alias /var/www/project/admin/public/;
    try_files $uri $uri/ /index.html;
    rewrite ^/admin/(.+/)$ /admin/index.html last;
}

location ^~ /client {
    #alias /var/www/project/client/public/;
    try_files $uri $uri/ /index.html;
    rewrite ^/client/(.+/)$ /client/index.html last;
}

# Prevent PHP scripts from being executed inside the uploads folder.
location ~* /app/uploads/.*\.php$ {
    deny all;
}

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

# Set the max body size equal to PHP's max POST size.
client_max_body_size {{ php_post_max_size | default('25m') | lower }};

include h5bp/directive-only/x-ua-compatible.conf;
include h5bp/directive-only/extra-security.conf;
include h5bp/location/cross-domain-fonts.conf;
include h5bp/location/protect-system-files.conf;

编辑：这是整个服务器块：（包括 wordpress.conf 包含上面的代码示例）

    # Ansible managed: /home/ivan/Dev/fapps/trellis/roles/wordpress-setup/templates/wordpress-site.conf.j2 modified on 2016-02-27 10:16:10 by ivan on ivan-ubuntu

server {
    listen 443 ssl http2;

  server_name   fapps.dev  ;
  access_log   /srv/www/example.com/logs/access.log;
  error_log    /srv/www/example.com/logs/error.log;

  root  /srv/www/example.com/current/web;
  index index.php index.htm index.html;

  charset utf-8;

  # See Virtualbox section at http://wiki.nginx.org/Pitfalls
  sendfile off;

  add_header Fastcgi-Cache $upstream_cache_status;

      include h5bp/directive-only/ssl.conf;
    include h5bp/directive-only/ssl-stapling.conf;

    ssl_dhparam /etc/nginx/ssl/dhparams.pem;
    ssl_buffer_size 1400; # 1400 bytes to fit in one MTU

                add_header Strict-Transport-Security "max-age=31536000; includeSubdomains; preload";

    ssl_certificate         /etc/nginx/ssl/example.com_self_signed.pem;
      ssl_trusted_certificate /etc/nginx/ssl/example.com_self_signed.pem;
      ssl_certificate_key     /etc/nginx/ssl/example.com_self_signed.key;

  include includes.d/example.com/*.conf;
  include wordpress.conf;

  location ~ \.php$ {
    try_files $uri =404;
    error_page 404 /index.php;

    include fastcgi_params;
    fastcgi_param SCRIPT_FILENAME $realpath_root$fastcgi_script_name;
    fastcgi_param DOCUMENT_ROOT $realpath_root;
    fastcgi_pass unix:/var/run/php-fpm-wordpress.sock;
  }
}

server {
  listen 80;
  server_name fapps.dev www.fapps.dev;
  return 301 https://$host$request_uri;
}

server {
  listen 443 ssl http2;
  server_name www.fapps.dev;
  return 301 $scheme://fapps.dev$request_uri;
}

答案1

指令中的最后一个元素try_files应该是应用程序的 URI（/admin/index.html和/client/index.html）。

事实上，这rewrite可能是多余的。

尝试：

location ^~ /admin {
    try_files $uri $uri/ /admin/index.html;
}
location ^~ /client {
    try_files $uri $uri/ /client/index.html;
}

看这个文件了解详情。

相关内容