如何使用Nginx在Django单页应用程序中将404请求重定向到首页？

Question

我有一个django单页应用程序。当前，当您访问网站上不存在的网址时，会显示404错误。但是，在这种情况下，我想重定向到站点的主页。我不确定是否应该使用Nginx做到这一点，或者在Django中有没有办法做到这一点？附件是我下面的Nginx文件。我尝试使用以下设置，但没有用。

error_page 404 = @foobar;

location @foobar {
  return 301 /webapps/mysite/app/templates/index.html;
}


upstream mysite_wsgi_server {
  # fail_timeout=0 means we always retry an upstream even if it failed
  # to return a good HTTP response (in case the Unicorn master nukes a
  # single worker for timing out).

  server unix:/webapps/mysite/run/gunicorn.sock fail_timeout=0;
}

server {
    listen      80;
    server_name kanjisama.com;
    rewrite     ^ https://$server_name$request_uri? permanent;
}

server {
    listen              443;
    server_name         kanjisama.com;
    ssl on;
    ssl_certificate     /etc/letsencrypt/live/kanjisama.com/fullchain.pem;
    ssl_certificate_key /etc/letsencrypt/live/kanjisama.com/privkey.pem;
    ssl_protocols       TLSv1 TLSv1.1 TLSv1.2;

    client_max_body_size 4G;

    access_log /webapps/mysite/logs/nginx_access.log;
    error_log /webapps/mysite/logs/nginx_error.log;

    location /static/ {
        alias   /webapps/mysite/app/static/;
    }

    location /media/ {
        alias   /webapps/mysite/media/;
    }

    location / {
        if (-f /webapps/mysite/maintenance_on.html) {
            return 503;
        }

        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        proxy_set_header X-Forwarded-Proto https;
        proxy_set_header Host $host;
        proxy_redirect off;

        # Try to serve static files from nginx, no point in making an
        # *application* server like Unicorn/Rainbows! serve static files.
        if (!-f $request_filename) {
            proxy_pass http://mysite_wsgi_server;
            break;
        }

    # Error pages
    error_page 500 502 504 /500.html;
    location = /500.html {
        root /webapps/mysite/app/mysite/templates/;
    }

    error_page 503 /maintenance_on.html;
    location = /maintenance_on.html {
        root /webapps/mysite/;
    }

    error_page 404 = @foobar;

    location @foobar {
      return 301 /webapps/mysite/app/templates/index.html;
    }
}

Answer 1

First, create a view to handle all 404 requests.

# views.py

from django.shortcuts import redirect

def view_404(request):
    # make a redirect to homepage
    # you can use the name of url or just the plain link
    return redirect('/') # or redirect('name-of-index-url')

Second, put the following in your project's urls.py:

handler404 = 'myapp.views.view_404' 
# replace `myapp` with your app's name where the above view is located