Nginx設定404頁面

JulySong發表於2018-07-11

最近在站點上設定了一下關於404頁面的跳轉, 因為不是很熟悉Nginx, 所以走了不少彎路, 此處記錄一下, 希望可以幫助大家解決問題.

1. 404 頁面

首先我們需要一個 404 的頁面, 這個頁面我把所有的 css 和 js 以及 html 放在一個頁面中.存在的位置可以由你自行設定, 我存放的位置是伺服器的 nginx 目錄下. 名字叫做 404.html

/etc/nginx/error/404.html
複製程式碼

2. nginx 配置檔案

我們需要來配置一下 nginx.conf 檔案中關於 404 錯誤頁面的跳轉

http {

  ...
  ...
  ...

  server {

    ...
    ...
    ...

    error_page 404 /404.html;
    location = /404.html {
        root /etc/nginx/error;
    }
  }  
}
複製程式碼

網上能找到的也大多數都是這個樣子, 然後就是反覆試了多次還是沒有任何作用. 最後找了一條關於 proxy_intercept_errors 的屬性, 試了一下, 配置如下.

http {

  ...
  ...
  ...

  proxy_intercept_errors: on;

  ...
  ...
  ...

  server {

    ...
    ...
    ...

    error_page 404 /404.html;
    location = /404.html {
        root /etc/nginx/error;
    }
  }  
}
複製程式碼

然後就可以了. 在配置的過程中, 曾有分號忘記新增而導致頁面不正常顯示, 大家這裡也需要注意一下. 以上就是關於 nginx 上關於 404 頁面的配置. 效果見點選

原部落格地址: blog.julysong.com/2018/07/08/…

相關文章