ingress-nginx-helm/examples/customization/custom-errors/index.html

32 lines
30 KiB
HTML
Raw Permalink Normal View History

2024-12-20 12:40:54 +00:00
<!doctype html><html lang=en class=no-js> <head><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><link href=https://kubernetes.github.io/ingress-nginx/examples/customization/custom-errors/ rel=canonical><link href=../custom-configuration/ rel=prev><link href=../custom-headers/ rel=next><link rel=icon href=../../../assets/images/favicon.png><meta name=generator content="mkdocs-1.5.3, mkdocs-material-9.4.5"><title>Custom Errors - Ingress-Nginx Controller</title><link rel=stylesheet href=../../../assets/stylesheets/main.6a10b989.min.css><link rel=stylesheet href=../../../assets/stylesheets/palette.356b1318.min.css><link rel=preconnect href=https://fonts.gstatic.com crossorigin><link rel=stylesheet href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i%7CRoboto+Mono:400,400i,700,700i&display=fallback"><style>:root{--md-text-font:"Roboto";--md-code-font:"Roboto Mono"}</style><link rel=stylesheet href=../../../extra.css><script>__md_scope=new URL("../../..",location),__md_hash=e=>[...e].reduce((e,_)=>(e<<5)-e+_.charCodeAt(0),0),__md_get=(e,_=localStorage,t=__md_scope)=>JSON.parse(_.getItem(t.pathname+"."+e)),__md_set=(e,_,t=localStorage,a=__md_scope)=>{try{t.setItem(a.pathname+"."+e,JSON.stringify(_))}catch(e){}}</script></head> <body dir=ltr data-md-color-scheme=default data-md-color-primary=teal data-md-color-accent=green> <input class=md-toggle data-md-toggle=drawer type=checkbox id=__drawer autocomplete=off> <input class=md-toggle data-md-toggle=search type=checkbox id=__search autocomplete=off> <label class=md-overlay for=__drawer></label> <div data-md-component=skip> <a href=#custom-errors class=md-skip> Skip to content </a> </div> <div data-md-component=announce> </div> <header class="md-header md-header--shadow md-header--lifted" data-md-component=header> <nav class="md-header__inner md-grid" aria-label=Header> <a href=../../.. title="Ingress-Nginx Controller" class="md-header__button md-logo" aria-label="Ingress-Nginx Controller" data-md-component=logo> <svg xmlns=http://www.w3.org/2000/svg viewbox="0 0 24 24"><path d="M12 8a3 3 0 0 0 3-3 3 3 0 0 0-3-3 3 3 0 0 0-3 3 3 3 0 0 0 3 3m0 3.54C9.64 9.35 6.5 8 3 8v11c3.5 0 6.64 1.35 9 3.54 2.36-2.19 5.5-3.54 9-3.54V8c-3.5 0-6.64 1.35-9 3.54Z"/></svg> </a> <label class="md-header__button md-icon" for=__drawer> <svg xmlns=http://www.w3.org/2000/svg viewbox="0 0 24 24"><path d="M3 6h18v2H3V6m0 5h18v2H3v-2m0 5h18v2H3v-2Z"/></svg> </label> <div class=md-header__title data-md-component=header-title> <div class=md-header__ellipsis> <div class=md-header__topic> <span class=md-ellipsis> Ingress-Nginx Controller </span> </div> <div class=md-header__topic data-md-component=header-topic> <span class=md-ellipsis> Custom Errors </span> </div> </div> </div> <label class="md-header__button md-icon" for=__search> <svg xmlns=http://www.w3.org/2000/svg viewbox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.516 6.516 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5Z"/></svg> </label> <div class=md-search data-md-component=search role=dialog> <label class=md-search__overlay for=__search></label> <div class=md-search__inner role=search> <form class=md-search__form name=search> <input type=text class=md-search__input name=query aria-label=Search placeholder=Search autocapitalize=off autocorrect=off autocomplete=off spellcheck=false data-md-component=search-query required> <label class="md-search__icon md-icon" for=__search> <svg xmlns=http://www.w3.org/2000/svg viewbox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.516 6.516 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5Z"/></svg> <svg xmlns=http://www.w3.org/2000/svg viewbox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11h12Z"/></svg> </label> <nav class=md-search__options aria-label=Search> <butto
2020-04-15 17:09:38 +00:00
service &quot;nginx-errors&quot; created
deployment.apps &quot;nginx-errors&quot; created
2021-01-11 15:59:14 +00:00
</code></pre></div> <p>This should have created a Deployment and a Service with the name <code>nginx-errors</code>.</p> <div class=highlight><pre><span></span><code>$ kubectl get deploy,svc
2018-06-12 23:26:21 +00:00
NAME DESIRED CURRENT READY AGE
2020-04-15 17:09:38 +00:00
deployment.apps/nginx-errors 1 1 1 10s
2018-04-27 00:09:55 +00:00
2020-04-15 17:09:38 +00:00
NAME TYPE CLUSTER-IP EXTERNAL-IP PORT(S) AGE
service/nginx-errors ClusterIP 10.0.0.12 &lt;none&gt; 80/TCP 10s
2023-05-05 16:32:16 +00:00
</code></pre></div> <h2 id=ingress-controller-configuration>Ingress controller configuration<a class=headerlink href=#ingress-controller-configuration title="Permanent link"></a></h2> <p>If you do not already have an instance of the Ingress-Nginx Controller running, deploy it according to the <a href=../../../deploy/ >deployment guide</a>, then follow these steps:</p> <ol> <li> <p>Edit the <code>ingress-nginx-controller</code> Deployment and set the value of the <code>--default-backend-service</code> flag to the name of the newly created error backend.</p> </li> <li> <p>Edit the <code>ingress-nginx-controller</code> ConfigMap and create the key <code>custom-http-errors</code> with a value of <code>404,503</code>.</p> </li> <li> <p>Take note of the IP address assigned to the Ingress-Nginx Controller Service. <div class=highlight><pre><span></span><code>$ kubectl get svc ingress-nginx
2020-04-15 17:09:38 +00:00
NAME TYPE CLUSTER-IP EXTERNAL-IP PORT(S) AGE
ingress-nginx ClusterIP 10.0.0.13 &lt;none&gt; 80/TCP,443/TCP 10m
2021-01-11 15:59:14 +00:00
</code></pre></div></p> </li> </ol> <div class="admonition note"> <p class=admonition-title>Note</p> <p>The <code>ingress-nginx</code> Service is of type <code>ClusterIP</code> in this example. This may vary depending on your environment. Make sure you can use the Service to reach NGINX before proceeding with the rest of this example.</p> </div> <h2 id=testing-error-pages>Testing error pages<a class=headerlink href=#testing-error-pages title="Permanent link"></a></h2> <p>Let us send a couple of HTTP requests using cURL and validate everything is working as expected.</p> <p>A request to the default backend returns a 404 error with a custom message:</p> <div class=highlight><pre><span></span><code>$ curl -D- http://10.0.0.13/
2018-06-12 23:26:21 +00:00
HTTP/1.1 404 Not Found
Server: nginx/1.13.12
Date: Tue, 12 Jun 2018 19:11:24 GMT
Content-Type: */*
Transfer-Encoding: chunked
Connection: keep-alive
2020-04-15 17:09:38 +00:00
&lt;span&gt;The page you&#39;re looking for could not be found.&lt;/span&gt;
2021-01-11 15:59:14 +00:00
</code></pre></div> <p>A request with a custom <code>Accept</code> header returns the corresponding document type (JSON):</p> <div class=highlight><pre><span></span><code>$ curl -D- -H &#39;Accept: application/json&#39; http://10.0.0.13/
2020-04-15 17:09:38 +00:00
HTTP/1.1 404 Not Found
2018-06-12 23:26:21 +00:00
Server: nginx/1.13.12
2020-04-15 17:09:38 +00:00
Date: Tue, 12 Jun 2018 19:12:36 GMT
2018-06-12 23:26:21 +00:00
Content-Type: application/json
Transfer-Encoding: chunked
Connection: keep-alive
Vary: Accept-Encoding
2018-04-27 00:09:55 +00:00
2020-04-15 17:09:38 +00:00
{ &quot;message&quot;: &quot;The page you&#39;re looking for could not be found&quot; }
2024-12-20 12:40:54 +00:00
</code></pre></div> <p>To go further with this example, feel free to deploy your own applications and Ingress objects, and validate that the responses are still in the correct format when a backend returns 503 (eg. if you scale a Deployment down to 0 replica).</p> <h2 id=maintenance-page>Maintenance page<a class=headerlink href=#maintenance-page title="Permanent link"></a></h2> <p>You can also leverage custom error pages to set a <strong>"<em>Service under maintenance</em>" page</strong> for the whole cluster, useful to prevent users from accessing your services while you are performing planned scheduled maintenance.</p> <p>When enabled, the maintenance page is served to the clients with an HTTP <a href=https://developer.mozilla.org/en-US/docs/Web/HTTP/Status/503><strong>503 Service Unavailable</strong></a> response <strong>status code</strong>.</p> <p>To do that:</p> <ul> <li>Enable a <strong>custom error page for the 503 HTTP error</strong>, by following the guide above</li> <li>Set the value of the <code>--watch-namespace-selector</code> flag to the name of some non-existent namespace, e.g. <code>nonexistent-namespace</code></li> <li>This effectively prevents the NGINX Ingress Controller from reading <code>Ingress</code> resources from any namespace in the Kubernetes cluster</li> <li>Set your <code>location-snippet</code> to <code>return 503;</code>, to make the NGINX Ingress Controller always return the 503 HTTP error page for all the requests</li> </ul> </article> </div> </div> </main> <footer class=md-footer> <div class="md-footer-meta md-typeset"> <div class="md-footer-meta__inner md-grid"> <div class=md-copyright> Made with <a href=https://squidfunk.github.io/mkdocs-material/ target=_blank rel=noopener> Material for MkDocs </a> </div> </div> </div> </footer> </div> <div class=md-dialog data-md-component=dialog> <div class="md-dialog__inner md-typeset"></div> </div> <script id=__config type=application/json>{"base": "../../..", "features": ["navigation.tabs", "navigation.tabs.sticky", "navigation.instant", "navigation.sections"], "search": "../../../assets/javascripts/workers/search.f886a092.min.js", "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version": "Select version"}}</script> <script src=../../../assets/javascripts/bundle.aecac24b.min.js></script> </body> </html>