{"id":49,"date":"2023-04-30T04:03:54","date_gmt":"2023-04-30T04:03:54","guid":{"rendered":"https:\/\/minifyhtmlcssjs.com\/blog\/?p=49"},"modified":"2023-04-30T04:09:46","modified_gmt":"2023-04-30T04:09:46","slug":"how-to-configure-nginx-as-a-web-server-and-reverse-proxy-for-apache-on-ubuntu-20-04","status":"publish","type":"post","link":"https:\/\/minifyhtmlcssjs.com\/blog\/how-to-configure-nginx-as-a-web-server-and-reverse-proxy-for-apache-on-ubuntu-20-04\/","title":{"rendered":"How to Configure Nginx as a Web Server and Reverse Proxy for Apache on Ubuntu 20.04"},"content":{"rendered":"

\"HowNginx is a highly popular and efficient web server that is widely used on Linux servers. It allows you to configure it as a standalone web server or as a reverse proxy for other web applications. In this article, we will learn how to configure Nginx as a web server and reverse proxy for Apache on a Ubuntu 20.04 server in your web hosting<\/a>.<\/p>\n

Step 1: Install Nginx and Apache on Ubuntu 20.04<\/h2>\n

First, we need to install Nginx and Apache on our Ubuntu 20.04 server. You can do this by using the following commands in the terminal:<\/p>\n

sudo apt update
\nsudo apt install nginx apache2<\/p><\/blockquote>\n

<\/p>\n

Step 2: Configure Nginx as a Web Server<\/h2>\n

After installing Nginx, we will configure it as a standalone web server. To do this, we need to create a new configuration file for Nginx. Use your favorite text editor to create a file named example.com<\/code> in the directory \/etc\/nginx\/sites-available\/<\/code> with the following content:<\/p>\n

server {
\nlisten 80;
\nlisten [::]:80;
\nserver_name example.com www.example.com;<\/p>\n

root \/var\/www\/example.com\/html;
\nindex index.html;<\/p>\n

location \/ {
\ntry_files $uri $uri\/ =404;
\n}
\n}<\/p><\/blockquote>\n

This configuration file tells Nginx to listen on port 80 for requests to the domain example.com<\/code> and its www<\/code> subdomain. It also specifies the root directory for the website files and the default index file.<\/p>\n

Next, we need to create a symbolic link to enable this configuration file. Use the following command to create the link:<\/p>\n

sudo ln -s \/etc\/nginx\/sites-available\/example.com \/etc\/nginx\/sites-enabled\/<\/p><\/blockquote>\n

Finally, restart Nginx to apply the new configuration:<\/p>\n

\n
\n
sudo systemctl restart nginx<\/div>\n<\/blockquote>\n
\n

Now, you can access your website by visiting http:\/\/example.com<\/code> or http:\/\/www.example.com<\/code>.<\/p>\n

Step 3: Configure Nginx as a Reverse Proxy for Apache<\/h2>\n

Next, we will configure Nginx as a reverse proxy for Apache. This will allow Nginx to handle incoming requests and forward them to Apache, which will serve the actual web pages.<\/p>\n

First, we need to stop Apache from listening on the default port 80. Use the following command to disable the default Apache site:<\/p>\n<\/div>\n

sudo a2dissite 000-default<\/p><\/blockquote>\n

Next, we need to create a new Apache configuration file for our website. Use your favorite text editor to create a file named example.com.conf<\/code> in the directory \/etc\/apache2\/sites-available\/<\/code> with the following content:<\/p>\n

<VirtualHost *:8080>
\nServerAdmin webmaster@example.com
\nServerName example.com
\nDocumentRoot \/var\/www\/example.com\/html<\/p>\n

<Directory \/var\/www\/example.com\/html>
\nOptions Indexes FollowSymLinks MultiViews
\nAllowOverride All
\nOrder allow,deny
\nallow from all
\n<\/Directory>
\n<\/VirtualHost><\/p><\/blockquote>\n

This configuration file tells Apache to listen on port 8080 for requests to the domain example.com<\/code>. It also specifies the root directory for the website files and enables the use of .htaccess<\/code> files.<\/p>\n

Next, we need to enable this Apache site and restart Apache:<\/p>\n

sudo a2ensite example.com.conf
\nsudo systemctl restart apache2<\/p><\/blockquote>\n

Finally, we need to configure Nginx as a reverse proxy for Apache. Use your favorite text editor to modify the \/etc\/nginx\/sites-available\/example.com<\/code> configuration file as follows:<\/p>\n

\n
\n
server {
\nlisten 80;
\nlisten [::]:80;
\nserver_name example.com www.example.com<\/div>\n<\/blockquote>\n
After modifying the server_name directive, we need to add the reverse proxy configuration to the Nginx configuration file. Here’s how:<\/div>\n<\/div>\n<\/div>\n
<\/div>\n
\n

server {
\nlisten 80;
\nlisten [::]:80;
\nserver_name example.com www.example.com;<\/p>\n

location \/ {
\nproxy_pass http:\/\/localhost:8080;
\nproxy_set_header Host $host;
\nproxy_set_header X-Real-IP $remote_addr;
\nproxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
\n}<\/p>\n

location \/static\/ {
\nalias \/var\/www\/example.com\/static\/;
\nexpires 1h;
\nadd_header Cache-Control “public, max-age=3600”;
\n}
\n}<\/p><\/blockquote>\n<\/div>\n

\n

The location \/<\/code> block tells Nginx to pass all requests to http:\/\/localhost:8080<\/code>, which is where Apache is listening. The proxy_set_header directives pass along some additional information about the request to Apache, such as the original host name and IP address.<\/p>\n

The location \/static\/<\/code> block is used to serve static files directly from Nginx, without passing them through Apache. This can improve performance for static files like images, CSS, and JavaScript files.<\/p>\n

Finally, restart Nginx to apply the new configuration:<\/p>\n

sudo systemctl restart nginx<\/p><\/blockquote>\n

\n
\n
\n
\n
\n
\n

Now, Nginx will handle all incoming requests for http:\/\/example.com<\/code> and http:\/\/www.example.com<\/code>. It will pass requests for dynamic content to Apache and serve static files directly.<\/p>\n<\/div>\n<\/div>\n<\/div>\n

\n
<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n
\n
<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

Nginx is a highly popular and efficient web server that is widely used on Linux servers. It allows you to configure it as a standalone web server or as a reverse proxy for other web applications. In this article, we will learn how to configure Nginx as a web server and reverse proxy for Apache […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[13],"tags":[36,35,34],"class_list":["post-49","post","type-post","status-publish","format-standard","hentry","category-web-hosting","tag-nginx","tag-server","tag-web-hosting"],"_links":{"self":[{"href":"https:\/\/minifyhtmlcssjs.com\/blog\/wp-json\/wp\/v2\/posts\/49","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/minifyhtmlcssjs.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/minifyhtmlcssjs.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/minifyhtmlcssjs.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/minifyhtmlcssjs.com\/blog\/wp-json\/wp\/v2\/comments?post=49"}],"version-history":[{"count":5,"href":"https:\/\/minifyhtmlcssjs.com\/blog\/wp-json\/wp\/v2\/posts\/49\/revisions"}],"predecessor-version":[{"id":55,"href":"https:\/\/minifyhtmlcssjs.com\/blog\/wp-json\/wp\/v2\/posts\/49\/revisions\/55"}],"wp:attachment":[{"href":"https:\/\/minifyhtmlcssjs.com\/blog\/wp-json\/wp\/v2\/media?parent=49"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/minifyhtmlcssjs.com\/blog\/wp-json\/wp\/v2\/categories?post=49"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/minifyhtmlcssjs.com\/blog\/wp-json\/wp\/v2\/tags?post=49"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}