|
|
<!doctype html>
|
|
|
<html lang="en">
|
|
|
<head>
|
|
|
<base href="/">
|
|
|
<meta charset="utf-8">
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
|
<link rel="stylesheet" href="assets/css/app.min.css?v=COMMIT_HASH">
|
|
|
<link rel="icon" type="image/png" href="assets/img/favicon.png">
|
|
|
<title>nginxconfig.io</title>
|
|
|
<meta name="description" content="Online nginx configuration generator">
|
|
|
<meta name="keywords" content="nginx, config, configurator, /etc/nginx/nginx.conf, nginx performance, nginx tuning, nginx php, nginx, php fpm, wordpress, drupal, Let's Encrypt, custom certificate, cdn, access_log, error_log, Laravel, Lumen, Symfony, Zend, CodeIgniter, Yii, CakePHP, Slim, Angular, React, Vue.js, Ember.js">
|
|
|
<meta property="og:title" content="nginxconfig.io">
|
|
|
<meta property="og:description" content="Online nginx configuration generator: HTTPS, HTTP2, CDN, PHP (Laravel, Symfony, CodeIgniter…), Frontend (Angular, React, Vue.js…), WordPress, Drupal, security headers, rate limiting, expiration by file types…">
|
|
|
<meta property="og:type" content="website">
|
|
|
<meta property="og:url" content="https://nginxconfig.io">
|
|
|
<meta property="og:image" content="https://nginxconfig.io/assets/img/share.png">
|
|
|
</head>
|
|
|
<body ng-app="NginxConfigIoApp" ng-controller="NginxConfigIoController">
|
|
|
<header>
|
|
|
<div class="container">
|
|
|
<img src="assets/img/logo-light.svg" class="logo" alt="nginxconfig.io">
|
|
|
</div>
|
|
|
</header>
|
|
|
<section class="presets">
|
|
|
<button type="button" class="btn btn-sm btn-outline-dark" ng-click="setPreset('frontend')" tooltips tooltip-template="• disabled PHP<br>• index.html fallback routing" tooltip-side="bottom">Frontend <img src="assets/img/brands/angular.svg" alt="Angular"> <img src="assets/img/brands/react.svg" alt="React"> <img src="assets/img/brands/vuejs.svg" alt="Vue.js"></button>
|
|
|
<button type="button" class="btn btn-sm btn-outline-dark" ng-click="setPreset('backend')" tooltips tooltip-template="• enabled PHP<br>• index.php fallback routing" tooltip-side="bottom">Backend <img src="assets/img/brands/php.svg" alt="PHP"> <img src="assets/img/brands/laravel.svg" alt="Laravel"> <img src="assets/img/brands/symfony.svg" alt="Symfony"> <img src="assets/img/brands/codeigniter.svg" alt="CodeIgniter"></button>
|
|
|
<button type="button" class="btn btn-sm btn-outline-dark" ng-click="setPreset('spa')" tooltips tooltip-template="• enabled PHP<br>• index.html fallback routing<br>• index.php API routing" tooltip-side="bottom">Single-page application</button>
|
|
|
<button type="button" class="btn btn-sm btn-outline-dark" ng-click="setPreset('wordpress')" tooltips tooltip-template="• enabled PHP<br>• index.php fallback routing<br>• WordPress security rules" tooltip-side="bottom"><img src="assets/img/brands/wordpress.svg" alt="WordPress"> WordPress</button>
|
|
|
<button type="button" class="btn btn-sm btn-outline-dark" ng-click="setPreset('drupal')" tooltips tooltip-template="• enabled PHP<br>• index.php fallback routing<br>• Drupal security rules" tooltip-side="bottom"><img src="assets/img/brands/drupal.svg" alt="Drupal"> Drupal</button>
|
|
|
</section>
|
|
|
<div class="container-fluid">
|
|
|
<div class="row">
|
|
|
<div class="col-md-3 col-lg-2">
|
|
|
<aside class="options">
|
|
|
<div class="card">
|
|
|
<div class="card-body">
|
|
|
<div class="form-group">
|
|
|
<label class="form-label">Domain</label>
|
|
|
<input type="text"
|
|
|
class="form-control form-control-sm domain"
|
|
|
ng-model="data.domain"
|
|
|
ng-class="{ 'input-changed': data.domain !== defaultData.domain }"
|
|
|
placeholder="{{ domain() }}"
|
|
|
autofocus>
|
|
|
</div>
|
|
|
<div class="form-group">
|
|
|
<label class="form-label">
|
|
|
<span tooltips tooltip-template="Define path to project.">Path</span>
|
|
|
</label>
|
|
|
<input type="text"
|
|
|
class="form-control form-control-sm"
|
|
|
ng-model="data.path"
|
|
|
ng-class="{ 'input-changed': data.path !== defaultData.path }"
|
|
|
placeholder="{{ '/var/www/' + domain() }}">
|
|
|
</div>
|
|
|
<div class="form-group">
|
|
|
<label class="form-label">
|
|
|
<span tooltips tooltip-template="Define public path in project path.">Document root</span>
|
|
|
</label>
|
|
|
<input type="text"
|
|
|
class="form-control form-control-sm"
|
|
|
ng-model="data.document_root"
|
|
|
ng-class="{ 'input-changed': data.document_root !== defaultData.document_root }">
|
|
|
</div>
|
|
|
<div class="form-check" ng-class="{ 'input-changed': data.non_www !== defaultData.non_www }">
|
|
|
<input class="form-check-input" type="checkbox" id="non_www" ng-model="data.non_www">
|
|
|
<label class="form-check-label" for="non_www">
|
|
|
<span tooltips tooltip-template="Serve requests without www subdomain.">non-www</span>
|
|
|
</label>
|
|
|
</div>
|
|
|
<div class="form-subgroup" ng-cloak>
|
|
|
<div class="form-check" ng-class="{ 'input-changed': data.redirect !== defaultData.redirect }">
|
|
|
<input class="form-check-input" type="checkbox" id="redirect" ng-model="data.redirect">
|
|
|
<label class="form-check-label" for="redirect">
|
|
|
<span tooltips tooltip-template="Redirect {{ isWWW() ? 'non-www version and ' : '' }}all subdomains to domain.">redirect <small>{{ isWWW() ? 'non-www, ' : '' }}subdomains</small></span>
|
|
|
</label>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="form-subgroup" ng-if="isWWW()" ng-cloak>
|
|
|
<div class="form-check" ng-class="{ 'input-changed': data.cdn !== defaultData.cdn }">
|
|
|
<input class="form-check-input" type="checkbox" id="cdn" ng-model="data.cdn">
|
|
|
<label class="form-check-label" for="cdn">
|
|
|
<span tooltips tooltip-template="Cookie-free CDN subdomain.">CDN <small>subdomain</small></span>
|
|
|
</label>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="form-check" ng-class="{ 'input-changed': data.https !== defaultData.https }">
|
|
|
<input class="form-check-input" type="checkbox" id="https" ng-model="data.https">
|
|
|
<label class="form-check-label" for="https">
|
|
|
<span tooltips tooltip-template="Provides support for HTTPS.<br><br><i>using Mozilla SSL config</i>"><strong>HTTPS</strong></span>
|
|
|
</label>
|
|
|
</div>
|
|
|
<div class="form-subgroup" ng-if="isHTTPS()" ng-cloak>
|
|
|
<div class="form-check" ng-class="{ 'input-changed': data.http2 !== defaultData.http2 }">
|
|
|
<input class="form-check-input" type="checkbox" id="http2" ng-model="data.http2">
|
|
|
<label class="form-check-label" for="http2">
|
|
|
<span tooltips tooltip-template="Provides support for HTTP/2.">HTTP/2</span>
|
|
|
</label>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="form-subgroup" ng-if="isHTTPS()" ng-cloak>
|
|
|
<div class="form-check" ng-class="{ 'input-changed': data.force_https !== defaultData.force_https }">
|
|
|
<input class="form-check-input" type="checkbox" id="force_https" ng-model="data.force_https">
|
|
|
<label class="form-check-label" for="force_https">
|
|
|
<span tooltips tooltip-template="Force redirection from HTTP to HTTPS.">force HTTPS</span>
|
|
|
</label>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="form-subgroup" ng-if="isHTTPS()" ng-cloak>
|
|
|
<div class="form-check" ng-class="{ 'input-changed': data.hsts !== defaultData.hsts }">
|
|
|
<input class="form-check-input" type="checkbox" id="hsts" ng-model="data.hsts">
|
|
|
<label class="form-check-label" for="hsts">
|
|
|
<span tooltips tooltip-template="HTTP Strict Transport Security is a web security policy mechanism which helps to protect websites against protocol downgrade attacks and cookie hijacking.">HSTS</span>
|
|
|
</label>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="form-subgroup pt-2" ng-if="isHTTPS()" ng-cloak>
|
|
|
<strong>Certification type:</strong>
|
|
|
<div class="form-subgroup">
|
|
|
<div class="form-check" ng-class="{ 'input-changed': data.cert_type !== defaultData.cert_type && data.cert_type === 'letsencrypt' }">
|
|
|
<input class="form-check-input" type="radio" id="letsencrypt" ng-model="data.cert_type" value="letsencrypt">
|
|
|
<label class="form-check-label" for="letsencrypt">
|
|
|
<span tooltips tooltip-template="Let's Encrypt based SSl.<br><br><i>free, automated, and open Certificate Authority</i>">Let's Encrypt</span>
|
|
|
</label>
|
|
|
</div>
|
|
|
<div class="form-group" ng-if="isHTTPS() && isCertLetsEncrypt()">
|
|
|
<label class="form-label small">
|
|
|
<span tooltips tooltip-template="Let's Encrypt expiration notify e-mail.">E-mail</span>
|
|
|
</label>
|
|
|
<input type="text"
|
|
|
class="form-control form-control-sm"
|
|
|
ng-model="data.email"
|
|
|
ng-class="{ 'input-changed': data.email !== defaultData.email }"
|
|
|
placeholder="{{ 'hello@' + domain() }}">
|
|
|
</div>
|
|
|
<div class="form-check" ng-class="{ 'input-changed': data.cert_type !== defaultData.cert_type && data.cert_type === 'custom' }">
|
|
|
<input class="form-check-input" type="radio" id="custom_cert" ng-model="data.cert_type" value="custom">
|
|
|
<label class="form-check-label" for="custom_cert">
|
|
|
<span tooltips tooltip-template="Custom certificate">Custom certificate</span>
|
|
|
</label>
|
|
|
</div>
|
|
|
<div class="form-group" ng-if="isHTTPS() && isCertCustom()">
|
|
|
<label class="form-label small">
|
|
|
<span tooltips tooltip-template="Path to crt file"><code>ssl_certificate</code></span>
|
|
|
</label>
|
|
|
<input type="text"
|
|
|
class="form-control form-control-sm"
|
|
|
ng-model="data.ssl_certificate"
|
|
|
ng-class="{ 'input-changed': data.ssl_certificate !== defaultData.ssl_certificate }"
|
|
|
placeholder="{{ '/etc/nginx/ssl/' + domain() + '.crt' }}">
|
|
|
</div>
|
|
|
<div class="form-group" ng-if="isHTTPS() && isCertCustom()">
|
|
|
<label class="form-label small">
|
|
|
<span tooltips tooltip-template="Path to key file"><code>ssl_certificate_key</code></span>
|
|
|
</label>
|
|
|
<input type="text"
|
|
|
class="form-control form-control-sm"
|
|
|
ng-model="data.ssl_certificate_key"
|
|
|
ng-class="{ 'input-changed': data.ssl_certificate_key !== defaultData.ssl_certificate_key }"
|
|
|
placeholder="{{ '/etc/nginx/ssl/' + domain() + '.key' }}">
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="form-subgroup pt-2" ng-if="isHTTPS()" ng-cloak>
|
|
|
<strong>SSL profile:</strong>
|
|
|
<div class="form-subgroup">
|
|
|
<div class="form-check" ng-class="{ 'input-changed': data.ssl_profile !== defaultData.ssl_profile && data.ssl_profile === 'modern' }">
|
|
|
<input class="form-check-input" type="radio" id="modern" ng-model="data.ssl_profile" value="modern">
|
|
|
<label class="form-check-label" for="modern">
|
|
|
<span tooltips tooltip-template="Oldest compatible clients: Firefox 27, Chrome 30, IE 11 on Windows 7, Edge, Opera 17, Safari 9, Android 5.0, and Java 8">modern</span>
|
|
|
</label>
|
|
|
</div>
|
|
|
<div class="form-check" ng-class="{ 'input-changed': data.ssl_profile !== defaultData.ssl_profile && data.ssl_profile === 'intermediate' }">
|
|
|
<input class="form-check-input" type="radio" id="intermediate" ng-model="data.ssl_profile" value="intermediate">
|
|
|
<label class="form-check-label" for="intermediate">
|
|
|
<span tooltips tooltip-template="Oldest compatible clients: Firefox 1, Chrome 1, IE 7, Opera 5, Safari 1, Windows XP IE8, Android 2.3, Java 7">intermediate</span>
|
|
|
</label>
|
|
|
</div>
|
|
|
<div class="form-check" ng-class="{ 'input-changed': data.ssl_profile !== defaultData.ssl_profile && data.ssl_profile === 'old' }">
|
|
|
<input class="form-check-input" type="radio" id="old" ng-model="data.ssl_profile" value="old">
|
|
|
<label class="form-check-label" for="old">
|
|
|
<span tooltips tooltip-template="Oldest compatible clients: Windows XP IE6, Java 6">old</span>
|
|
|
</label>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="mt-2">
|
|
|
<div class="form-group">
|
|
|
<div class="input-group input-group-sm">
|
|
|
<div class="input-group-prepend">
|
|
|
<div class="input-group-text">IPv4</div>
|
|
|
</div>
|
|
|
<input type="text"
|
|
|
class="form-control form-control-sm"
|
|
|
ng-model="data.ipv4"
|
|
|
ng-class="{ 'input-changed': data.ipv4 !== defaultData.ipv4 }">
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="form-group">
|
|
|
<div class="input-group input-group-sm">
|
|
|
<div class="input-group-prepend">
|
|
|
<div class="input-group-text">IPv6</div>
|
|
|
</div>
|
|
|
<input type="text"
|
|
|
class="form-control form-control-sm"
|
|
|
ng-model="data.ipv6"
|
|
|
ng-class="{ 'input-changed': data.ipv6 !== defaultData.ipv6 }">
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="card">
|
|
|
<div class="card-body">
|
|
|
<label class="form-label">File structure</label>
|
|
|
<div class="form-subgroup">
|
|
|
<div class="form-check" ng-class="{ 'input-changed': data.file_structure !== defaultData.file_structure && data.file_structure === 'unified' }">
|
|
|
<input class="form-check-input" type="radio" id="unified" ng-model="data.file_structure" value="unified">
|
|
|
<label class="form-check-label" for="unified">
|
|
|
<span tooltips tooltip-template="Combine configuration to a single file.<br><br><i>(if possible)</i>">unified</span>
|
|
|
</label>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="form-subgroup">
|
|
|
<div class="form-check" ng-class="{ 'input-changed': data.file_structure !== defaultData.file_structure && data.file_structure === 'modularized' }">
|
|
|
<input class="form-check-input" type="radio" id="modularized" ng-model="data.file_structure" value="modularized">
|
|
|
<label class="form-check-label" for="modularized">
|
|
|
<span tooltips tooltip-template="Multiple configuration files<br><br><i>(ideal for multi-domain environment)</i>">modularized</span>
|
|
|
</label>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="card">
|
|
|
<div class="card-body">
|
|
|
<div class="form-group">
|
|
|
<div class="input-group input-group-sm" tooltips tooltip-template="PHP-FPM via TCP or unix socket.">
|
|
|
<div class="input-group-prepend">
|
|
|
<div class="input-group-text">PHP</div>
|
|
|
</div>
|
|
|
<select class="custom-select" ng-model="data.php" ng-class="{ 'input-changed': data.php !== defaultData.php }">
|
|
|
<option value="off">disabled</option>
|
|
|
<option value="tcp">TCP</option>
|
|
|
<option value="5.x">5.x socket</option>
|
|
|
<option value="7.0">7.0 socket</option>
|
|
|
<option value="7.1">7.1 socket</option>
|
|
|
<option value="7.2">7.2 socket</option>
|
|
|
<option value="7.3">7.3 socket</option>
|
|
|
</select>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="form-subgroup" ng-if="isPHP()" ng-cloak>
|
|
|
<div class="form-check" ng-class="{ 'input-changed': data.wordpress !== defaultData.wordpress }">
|
|
|
<input class="form-check-input" type="checkbox" id="wordpress" ng-model="data.wordpress">
|
|
|
<label class="form-check-label" for="wordpress">
|
|
|
<span tooltips tooltip-template="WordPress security rules and login limiting <i>(if enabled)</i>.">WordPress rules</span>
|
|
|
</label>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="form-subgroup" ng-if="isPHP()" ng-cloak>
|
|
|
<div class="form-check" ng-class="{ 'input-changed': data.drupal !== defaultData.drupal }">
|
|
|
<input class="form-check-input" type="checkbox" id="drupal" ng-model="data.drupal">
|
|
|
<label class="form-check-label" for="drupal">
|
|
|
<span tooltips tooltip-template="Drupal security rules and login limiting <i>(if enabled)</i>.">Drupal rules</span>
|
|
|
</label>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="card">
|
|
|
<div class="card-body">
|
|
|
<label class="form-label"><code tooltips tooltip-template="Defines the file that will be used as an index.">index</code></label>
|
|
|
<div class="form-subgroup">
|
|
|
<div class="form-check" ng-class="{ 'input-changed': data.index !== defaultData.index && data.index === 'index.html' }">
|
|
|
<input class="form-check-input" type="radio" id="index.html" ng-model="data.index" value="index.html">
|
|
|
<label class="form-check-label" for="index.html">index.html</label>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="form-subgroup" ng-if="isPHP()" ng-cloak>
|
|
|
<div class="form-check" ng-class="{ 'input-changed': data.index !== defaultData.index && data.index === 'index.php' }">
|
|
|
<input class="form-check-input" type="radio" id="index.php" ng-model="data.index" value="index.php">
|
|
|
<label class="form-check-label" for="index.php">index.php</label>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<label class="form-label mt-3"><span tooltips tooltip-template="Configures fallback routing of unhandled requests.">fallback routing</span></label>
|
|
|
<div class="form-subgroup">
|
|
|
<div class="form-check" ng-class="{ 'input-changed': data.fallback_html !== defaultData.fallback_html }">
|
|
|
<input class="form-check-input" type="checkbox" id="fallback_html" ng-model="data.fallback_html">
|
|
|
<label class="form-check-label" for="fallback_html">index.html</label>
|
|
|
</div>
|
|
|
<div class="form-check" ng-if="isPHP()" ng-class="{ 'input-changed': data.fallback_php !== defaultData.fallback_php }" ng-cloak>
|
|
|
<input class="form-check-input" type="checkbox" id="fallback_php" ng-model="data.fallback_php">
|
|
|
<label class="form-check-label" for="fallback_php">index.php</label>
|
|
|
</div>
|
|
|
<div class="form-subgroup" ng-if="isFallbackHTML() && isFallbackPHP()" ng-cloak>
|
|
|
<div class="form-group pl-1">
|
|
|
<input type="text"
|
|
|
class="form-control form-control-sm"
|
|
|
ng-model="data.fallback_php_path"
|
|
|
ng-class="{ 'input-changed': data.fallback_php_path !== defaultData.fallback_php_path }">
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="card">
|
|
|
<div class="card-body">
|
|
|
<div class="form-group">
|
|
|
<label class="form-label"><code tooltips tooltip-template="Referrer Policy is a new header that allows a site to control how much information the browser includes with navigations away from a document and should be set by all sites.">Referrer-Policy</code></label>
|
|
|
<select class="custom-select form-control-sm" ng-model="data.referrer_policy" ng-class="{ 'input-changed': data.referrer_policy !== defaultData.referrer_policy }">
|
|
|
<option value="no-referrer">no-referrer</option>
|
|
|
<option value="no-referrer-when-downgrade">no-referrer-when-downgrade</option>
|
|
|
<option value="origin">origin</option>
|
|
|
<option value="origin-when-cross-origin">origin-when-cross-origin</option>
|
|
|
<option value="same-origin">same-origin</option>
|
|
|
<option value="strict-origin">strict-origin</option>
|
|
|
<option value="strict-origin-when-cross-origin">strict-origin-when-cross-origin</option>
|
|
|
<option value="unsafe-url">unsafe-url</option>
|
|
|
</select>
|
|
|
</div>
|
|
|
<div class="form-group">
|
|
|
<label class="form-label"><code tooltips tooltip-template="Content Security Policy is an effective measure to protect your site from XSS attacks. By whitelisting sources of approved content, you can prevent the browser from loading malicious assets.">Content-Security-Policy</code></label>
|
|
|
<input type="text" class="form-control form-control-sm" ng-model="data.content_security_policy" ng-class="{ 'input-changed': data.content_security_policy !== defaultData.content_security_policy }">
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="card">
|
|
|
<div class="card-body">
|
|
|
<div class="form-group">
|
|
|
<label class="form-label"><code tooltips tooltip-template="Sets the maximum number of simultaneous connections that can be opened by a worker process.">worker_processes</code></label>
|
|
|
<select class="custom-select form-control-sm" ng-model="data.worker_processes" ng-class="{ 'input-changed': data.worker_processes !== defaultData.worker_processes }">
|
|
|
<option value="auto">auto</option>
|
|
|
<option value="1">1</option>
|
|
|
<option value="2">2</option>
|
|
|
<option value="3">3</option>
|
|
|
<option value="4">4</option>
|
|
|
<option value="5">5</option>
|
|
|
<option value="6">6</option>
|
|
|
<option value="7">7</option>
|
|
|
<option value="8">8</option>
|
|
|
<option value="9">9</option>
|
|
|
<option value="10">10</option>
|
|
|
<option value="11">11</option>
|
|
|
<option value="12">12</option>
|
|
|
<option value="13">13</option>
|
|
|
<option value="14">14</option>
|
|
|
<option value="15">15</option>
|
|
|
<option value="16">16</option>
|
|
|
</select>
|
|
|
</div>
|
|
|
<div class="form-group">
|
|
|
<label class="form-label"><code tooltips tooltip-template="Defines user and group credentials used by worker processes.<br>If group is omitted, a group whose name equals that of user is used.">user</code></label>
|
|
|
<input type="text" class="form-control form-control-sm" ng-model="data.user" ng-class="{ 'input-changed': data.user !== defaultData.user }">
|
|
|
</div>
|
|
|
<div class="form-group">
|
|
|
<label class="form-label"><code tooltips tooltip-template="Defines a file that will store the process ID of the main process.">pid</code></label>
|
|
|
<input type="text" class="form-control form-control-sm" ng-model="data.pid" ng-class="{ 'input-changed': data.pid !== defaultData.pid }">
|
|
|
</div>
|
|
|
<div class="form-group">
|
|
|
<label class="form-label"><code tooltips tooltip-template="Sets the path, format, and configuration for a buffered log write.">access_log</code></label>
|
|
|
<input type="text" class="form-control form-control-sm" ng-model="data.access_log" ng-class="{ 'input-changed': data.access_log !== defaultData.access_log }">
|
|
|
</div>
|
|
|
<div class="form-group">
|
|
|
<label class="form-label"><code tooltips tooltip-template="Configures logging path (with warn level).">error_log</code></label>
|
|
|
<input type="text" class="form-control form-control-sm" ng-model="data.error_log" ng-class="{ 'input-changed': data.error_log !== defaultData.error_log }">
|
|
|
</div>
|
|
|
<div class="form-group">
|
|
|
<label class="form-label"><code tooltips tooltip-template="Sets the maximum allowed size of the client request body.">client_max_body_size</code></label>
|
|
|
<div class="input-group">
|
|
|
<input type="number" min="0" step="1" class="form-control form-control-sm" ng-model="data.client_max_body_size" ng-class="{ 'input-changed': data.client_max_body_size !== defaultData.client_max_body_size }">
|
|
|
<div class="input-group-append">
|
|
|
<div class="input-group-text">MB</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="form-check" ng-class="{ 'input-changed': data.gzip !== defaultData.gzip }">
|
|
|
<input class="form-check-input" type="checkbox" id="gzip" ng-model="data.gzip">
|
|
|
<label class="form-check-label" for="gzip">
|
|
|
<code tooltips tooltip-template="Gzipping of responses.">gzip</code>
|
|
|
</label>
|
|
|
</div>
|
|
|
<div class="form-check" ng-class="{ 'input-changed': data.server_tokens !== defaultData.server_tokens }">
|
|
|
<input class="form-check-input" type="checkbox" id="server_tokens" ng-model="data.server_tokens">
|
|
|
<label class="form-check-label" for="server_tokens">
|
|
|
<code tooltips tooltip-template="Emitting nginx version on error pages and in the “Server” response header field.">server_tokens</code>
|
|
|
</label>
|
|
|
</div>
|
|
|
<div class="form-check" ng-class="{ 'input-changed': data.log_not_found !== defaultData.log_not_found }">
|
|
|
<input class="form-check-input" type="checkbox" id="log_not_found" ng-model="data.log_not_found">
|
|
|
<label class="form-check-label" for="log_not_found">
|
|
|
<code tooltips tooltip-template="Logging of errors about not found files into error_log.">log_not_found</code>
|
|
|
</label>
|
|
|
</div>
|
|
|
<div class="form-check" ng-class="{ 'input-changed': data.limit_req !== defaultData.limit_req }">
|
|
|
<input class="form-check-input" type="checkbox" id="limit_req" ng-model="data.limit_req">
|
|
|
<label class="form-check-label" for="limit_req">
|
|
|
<span tooltips tooltip-template="Used to limit the request processing rate per a defined key, in particular, the processing rate of requests coming from a single IP address."><code>limit_req</code></span>
|
|
|
</label>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="card">
|
|
|
<div class="card-body">
|
|
|
<label class="form-label"><span tooltips tooltip-template="Adding or modifying the “Expires” and “Cache-Control” response header fields provided that the response code equals 200, 201, 204, 206, 301, 302, 303, 304, 307, or 308."><code>expires</code></span></label>
|
|
|
<div class="row no-gutters">
|
|
|
<div class="col-md-6">
|
|
|
<div class="form-group">
|
|
|
<label class="form-label"><span tooltips tooltip-template="{{ extensions.assets }}">assets</span></label>
|
|
|
<input type="text" class="form-control form-control-sm" ng-model="data.expires_assets" ng-class="{ 'input-changed': data.expires_assets !== defaultData.expires_assets }">
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="col-md-6">
|
|
|
<div class="form-group">
|
|
|
<label class="form-label"><span tooltips tooltip-template="{{ extensions.images }}|{{ extensions.audio }}|{{ extensions.video }}">media</span></label>
|
|
|
<input type="text" class="form-control form-control-sm" ng-model="data.expires_media" ng-class="{ 'input-changed': data.expires_media !== defaultData.expires_media }">
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="row no-gutters">
|
|
|
<div class="col-md-6">
|
|
|
<div class="form-group">
|
|
|
<label class="form-label"><span tooltips tooltip-template="{{ extensions.svg }}">svg</span></label>
|
|
|
<input type="text" class="form-control form-control-sm" ng-model="data.expires_svg" ng-class="{ 'input-changed': data.expires_svg !== defaultData.expires_svg }">
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="col-md-6">
|
|
|
<div class="form-group">
|
|
|
<label class="form-label"><span tooltips tooltip-template="{{ extensions.fonts }}">fonts</span></label>
|
|
|
<input type="text" class="form-control form-control-sm" ng-model="data.expires_fonts" ng-class="{ 'input-changed': data.expires_fonts !== defaultData.expires_fonts }">
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</aside>
|
|
|
</div>
|
|
|
<div class="col-md-6 col-lg-7 files">
|
|
|
<main>
|
|
|
<div class="row grid">
|
|
|
<div class="grid-sizer col-xl-6"></div>
|
|
|
<div ng-if="(isHTTPS() && (isCertLetsEncrypt() || !isSSLProfileModern()))" class="grid-item col-xl-12" ng-cloak>
|
|
|
<div class="commands">
|
|
|
<pre><code class="hljs bash" ng-include="'templates/commands.html?v=COMMIT_HASH'"></code></pre>
|
|
|
</div>
|
|
|
</div>
|
|
|
<section class="file grid-item" ng-class="isModularized() || isWordPress() ? 'col-xl-6' : 'col-xl-12'" ng-cloak>
|
|
|
<strong>/etc/nginx/nginx.conf</strong>
|
|
|
<button class="btn btn-light btn-clipboard" ngclipboard data-clipboard-target="#file-nginx" ngclipboard-success="clipboardSuccess('nginx.conf')">
|
|
|
<img src="assets/img/clipboard-dark.svg" alt="Copy to clipboard">
|
|
|
</button>
|
|
|
<span class="clipboard-success" ng-if="clipboardCopy === 'nginx.conf'">Copied!</span>
|
|
|
<div class="code source" data-filename="nginx.conf">
|
|
|
<pre><code class="nginx" ng-include="'templates/conf/nginx.conf.html?v=COMMIT_HASH'" onload="refreshHighlighting()"></code></pre>
|
|
|
</div><div id="file-nginx" class="code highlighted"></div>
|
|
|
</section>
|
|
|
<section class="col-xl-6 grid-item file" ng-if="isModularized()" ng-cloak>
|
|
|
<strong>/etc/nginx/sites-enabled/{{ domain() }}.conf</strong>
|
|
|
<button class="btn btn-light btn-clipboard" ngclipboard data-clipboard-target="#file-domain" ngclipboard-success="clipboardSuccess('example.com')">
|
|
|
<img src="assets/img/clipboard-dark.svg" alt="Copy to clipboard">
|
|
|
</button>
|
|
|
<span class="clipboard-success" ng-if="clipboardCopy === 'example.com'">Copied!</span>
|
|
|
<div class="code source" data-filename="sites-enabled/{{ domain() }}.conf">
|
|
|
<pre><code class="nginx" ng-include="'templates/conf/example.com.conf.html?v=COMMIT_HASH?v=COMMIT_HASH'" onload="refreshHighlighting()"></code></pre>
|
|
|
</div><div id="file-domain" class="code highlighted"></div>
|
|
|
</section>
|
|
|
<section class="col-xl-6 grid-item file" ng-if="isModularized() && isCertLetsEncrypt()" ng-cloak>
|
|
|
<strong>/etc/nginx/_letsencrypt.conf</strong>
|
|
|
<button class="btn btn-light btn-clipboard" ngclipboard data-clipboard-target="#file-letsencrypt" ngclipboard-success="clipboardSuccess('_letsencrypt.conf')">
|
|
|
<img src="assets/img/clipboard-dark.svg" alt="Copy to clipboard">
|
|
|
</button>
|
|
|
<span class="clipboard-success" ng-if="clipboardCopy === '_letsencrypt.conf'">Copied!</span>
|
|
|
<div class="code source" data-filename="_letsencrypt.conf">
|
|
|
<pre><code class="nginx" ng-include="'templates/conf/_letsencrypt.conf.html?v=COMMIT_HASH'" onload="refreshHighlighting()"></code></pre>
|
|
|
</div><div id="file-letsencrypt" class="code highlighted"></div>
|
|
|
</section>
|
|
|
<section class="col-xl-6 grid-item file" ng-if="isModularized()" ng-cloak>
|
|
|
<strong>/etc/nginx/_general.conf</strong>
|
|
|
<button class="btn btn-light btn-clipboard" ngclipboard data-clipboard-target="#file-general" ngclipboard-success="clipboardSuccess('_general.conf')">
|
|
|
<img src="assets/img/clipboard-dark.svg" alt="Copy to clipboard">
|
|
|
</button>
|
|
|
<span class="clipboard-success" ng-if="clipboardCopy === '_general.conf'">Copied!</span>
|
|
|
<div class="code source" data-filename="_general.conf">
|
|
|
<pre><code class="nginx" ng-include="'templates/conf/_general.conf.html?v=COMMIT_HASH'" onload="refreshHighlighting()"></code></pre>
|
|
|
</div><div id="file-general" class="code highlighted"></div>
|
|
|
</section>
|
|
|
<section class="col-xl-6 grid-item file" ng-if="isPHP() && (isModularized() || isWordPress())" ng-cloak>
|
|
|
<strong>/etc/nginx/_php_fastcgi.conf</strong>
|
|
|
<button class="btn btn-light btn-clipboard" ngclipboard data-clipboard-target="#file-php_fastcgi" ngclipboard-success="clipboardSuccess('_php_fastcgi.conf')">
|
|
|
<img src="assets/img/clipboard-dark.svg" alt="Copy to clipboard">
|
|
|
</button>
|
|
|
<span class="clipboard-success" ng-if="clipboardCopy === '_php_fastcgi.conf'">Copied!</span>
|
|
|
<div class="code source" data-filename="_php_fastcgi.conf">
|
|
|
<pre><code class="nginx" ng-include="'templates/conf/_php_fastcgi.conf.html?v=COMMIT_HASH'" onload="refreshHighlighting()"></code></pre>
|
|
|
</div><div id="file-php_fastcgi" class="code highlighted"></div>
|
|
|
</section>
|
|
|
<section class="col-xl-6 grid-item file" ng-if="isWordPress() && isModularized()" ng-cloak>
|
|
|
<strong>/etc/nginx/_wordpress.conf</strong>
|
|
|
<button class="btn btn-light btn-clipboard" ngclipboard data-clipboard-target="#file-wordpress" ngclipboard-success="clipboardSuccess('_wordpress.conf')">
|
|
|
<img src="assets/img/clipboard-dark.svg" alt="Copy to clipboard">
|
|
|
</button>
|
|
|
<span class="clipboard-success" ng-if="clipboardCopy === '_wordpress.conf'">Copied!</span>
|
|
|
<div class="code source" data-filename="_wordpress.conf">
|
|
|
<pre><code class="nginx" ng-include="'templates/conf/_wordpress.conf.html?v=COMMIT_HASH'" onload="refreshHighlighting()"></code></pre>
|
|
|
</div><div id="file-wordpress" class="code highlighted"></div>
|
|
|
</section>
|
|
|
<section class="col-xl-6 grid-item file" ng-if="isDrupal() && isModularized()" ng-cloak>
|
|
|
<strong>/etc/nginx/_drupal.conf</strong>
|
|
|
<button class="btn btn-light btn-clipboard" ngclipboard data-clipboard-target="#file-drupal" ngclipboard-success="clipboardSuccess('_drupal.conf')">
|
|
|
<img src="assets/img/clipboard-dark.svg" alt="Copy to clipboard">
|
|
|
</button>
|
|
|
<span class="clipboard-success" ng-if="clipboardCopy === '_drupal.conf'">Copied!</span>
|
|
|
<div class="code source" data-filename="_drupal.conf">
|
|
|
<pre><code class="nginx" ng-include="'templates/conf/_drupal.conf.html?v=COMMIT_HASH'" onload="refreshHighlighting()"></code></pre>
|
|
|
</div><div id="file-drupal" class="code highlighted"></div>
|
|
|
</section>
|
|
|
</div>
|
|
|
</main>
|
|
|
</div>
|
|
|
<div class="col-md-3 sidebar">
|
|
|
<aside class="sidebar">
|
|
|
<iframe class="github-star" src="https://ghbtns.com/github-btn.html?user=valentinxxx&repo=nginxconfig.io&type=star&count=true&size=large"></iframe>
|
|
|
<div class="github-link">
|
|
|
<img src="assets/img/brands/github.svg" alt="GitHub"> <a href="https://github.com/valentinxxx/nginxconfig.io" target="_blank"><small>valentinxxx /</small> <strong>nginxconfig.io</strong></a>
|
|
|
</div>
|
|
|
<div class="adsbygoogle-container">
|
|
|
<div class="note">▾ advertisement ▾</div>
|
|
|
<ins class="adsbygoogle"
|
|
|
style="display:block"
|
|
|
data-ad-client="ca-pub-6543577519725877"
|
|
|
data-ad-slot="2065709573"
|
|
|
data-ad-format="auto"
|
|
|
data-full-width-responsive="true"></ins>
|
|
|
<script>
|
|
|
(adsbygoogle = window.adsbygoogle || []).push({});
|
|
|
</script>
|
|
|
</div>
|
|
|
<div class="buttons">
|
|
|
<button class="btn btn-primary btn-download" ng-click="downloadZip()"><img src="assets/img/download.svg" alt="Download"> Download ZIP</button><br>
|
|
|
<button class="btn btn-sm btn-danger btn-reset" ng-click="reset()"><img src="assets/img/refresh.svg" alt="Reset"> Reset</button>
|
|
|
</div>
|
|
|
</aside>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<footer>
|
|
|
<div class="container-fluid">
|
|
|
Lovingly made at <img src="assets/img/balaton.svg" alt="Lake Balaton" class="balaton"> <a href="https://en.wikipedia.org/wiki/Lake_Balaton" target="_blank">Lake Balaton, Hungary</a>
|
|
|
</div>
|
|
|
</footer>
|
|
|
|
|
|
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
|
|
|
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-3084378-31"></script>
|
|
|
<script>
|
|
|
window.dataLayer = window.dataLayer || [];
|
|
|
function gtag(){dataLayer.push(arguments);}
|
|
|
gtag('js', new Date());
|
|
|
gtag('config', 'UA-3084378-31');
|
|
|
</script>
|
|
|
<script src="assets/js/highlight.min.js?v=9.12.0"></script>
|
|
|
<script src="assets/js/clipboard.min.js?v=1.7.1"></script>
|
|
|
<script src="assets/js/angular.min.js?v=1.6.8"></script>
|
|
|
<script src="assets/js/ngclipboard.min.js?v=1.1.3"></script>
|
|
|
<script src="assets/js/angular-tooltips.min.js?v=1.2.2"></script>
|
|
|
<script src="assets/js/masonry.pkgd.min.js?v=4.2.1"></script>
|
|
|
<script src="assets/js/jszip.min.js?v=3.1.5"></script>
|
|
|
<script src="assets/js/filesaver.min.js?v=1.3.4"></script>
|
|
|
<script src="assets/js/app.js?v=COMMIT_HASH"></script>
|
|
|
</body>
|
|
|
</html>
|
