前端需要懂的nginx相关知识

Chamberlain99
132 阅读4分钟

什么是nginx、有什么用？

NGINX是一款高性能的Web服务器和反向代理服务器，具有轻量级、模块化、可扩展等特点，广泛应用于互联网、大数据、物联网等领域。以下是它的主要用途和在前端开发中的角色：

  1. 作为Web服务器：NGINX可以提供静态文件服务、动态内容分发、gzip压缩、安全认证等常见的Web服务器功能，并且具有卓越的性能和稳定性，适用于高并发和大规模的Web应用场景。
  2. 作为负载均衡器：NGINX可以实现多台Web服务器之间的负载均衡和流量控制，以达到优化性能和提高可用性的目的。
  3. 作为反向代理服务器：NGINX可以将客户端请求转发到不同的upstream服务器上，并将响应结果返回给客户端，实现反向代理的功能。
  4. 作为缓存服务器：NGINX可以将经常访问且不变的静态文件和页面缓存起来，以加快响应速度和减轻Web服务器的负担。

在前端开发中，NGINX通常扮演着Web服务器和反向代理服务器的角色，用于部署和管理前端项目和静态资源，例如HTML、CSS、JavaScript、图片、字体等。它可以提供高效的静态文件服务、反向代理API接口请求、路由配置和SSL证书管理等功能，同时还可以实现负载均衡和缓存优化，提高Web应用的性能和可用性。总之，NGINX在前端开发中是一个非常重要和实用的工具，可以帮助开发者更好地管理和展示静态资源和Web应用程序。

nginx是如何提供静态资源文件服务的，如何配置

NGINX可以提供静态资源文件服务的功能，方法如下：

  1. 将静态资源文件（如HTML、CSS、JavaScript、图片等）放置在服务器的指定目录下（例如/usr/share/nginx/html/）。
  2. 打开NGINX配置文件（通常是/etc/nginx/nginx.conf），添加以下server块：
server {
  listen       80; # 监听的端口号
  server_name  example.com; # 绑定的域名

  location / {
    root   /usr/share/nginx/html; # 静态资源文件所在目录路径
    index  index.html index.htm; # 默认首页
  }
}

其中，listen指定监听的端口号，server_name指定绑定的域名。location指定请求路径匹配规则，root指定静态资源文件所在目录路径，index指定默认首页名称。

  1. 保存配置文件并重启NGINX服务器：
sudo service nginx restart

这样，在浏览器中访问example.com，就可以看到NGINX服务器返回的静态资源文件了。

此外，还可以通过gzip压缩、缓存控制、防盗链等方式对静态资源文件进行优化和保护。例如，在location块中添加以下配置指令：

location ~* .(jpg|jpeg|png|gif|ico|css|js)$ {
  expires 30d; # 客户端浏览器缓存时间
  add_header Cache-Control "public, max-age=86400"; # 缓存控制
  add_header Vary "Accept-Encoding"; # gzip压缩
}

这样可以设置静态资源文件的缓存时间、缓存控制和压缩方式，提高网站的性能和安全性。总之，在配置NGINX提供静态资源文件服务时需要注意安全性、可用性和性能等因素，根据具体项目需求进行优化和改进。

nginx有哪些必学，和需要知道的指令呢

在使用NGINX进行Web开发和运维时，需要掌握一些必要的指令和知识点，以下是其中一些：

  1. location指令：用于指定请求路径的匹配规则和对应的处理方式。例如：
location / {
  proxy_pass http://localhost:3000;
}

这个指令表示所有以"/"开头的请求都会被转发到http://localhost:3000上进行处理。

  1. server指令：用于配置虚拟主机、监听端口号、绑定域名等服务器相关的参数。例如：
server {
  listen 80;
  server_name example.com;
  root /usr/share/nginx/html;

  location / {
    index index.html;
  }
}

这个指令表示监听80端口，并将example.com的请求映射到/usr/share/nginx/html文件夹下的index.html文件中。

  1. upstream指令：用于配置反向代理的upstream服务器列表。例如：
upstream backend {
  server backend1.example.com;
  server backend2.example.com;
}

这个指令表示backend1.example.com和backend2.example.com两台服务器都可以作为upstream服务器提供服务。

avatar
文章
阅读
粉丝