前端需要掌握的Nginx知识

摘要:
在服务器理解了上面的Nginx配置文件结构之后,今天我们将主要了解http块${#proxy_中的服务器passhttp://localhost:端口号;过期12小时;}今天,我将主要讨论这个代码。简而言之,它是设置js和css文件的过期时间。这本来是没有问题的。问题是,如果您编写此代码,因为代理是带注释的Pass,所以一旦浏览器访问js和css文件,Nginx将默认转到上面配置的根目录。但是,我们使用节点服务。js和css不是纯静态文件。如果它们不直接在根目录中,浏览器将无法访问它们。

什么是 Nginx?

Nginx是一款轻量级的Web 服务器/反向代理服务器及电子邮件(IMAP/POP3)代理服务器。——抄百度百科的~

总之呢,Nginx 的应用广泛,常见场景:

静态资源服务器动态匹配反向代理Gzip 压缩负载均衡

今天呢,肯定学不完全部的啦,先学学一些现学现用的简单配置。

Nginx配置文件结构

nginx.conf 文件中主要有三个结构:

1.Global: nginx 运行相关

全局块:配置影响nginx全局的指令。一般有运行nginx服务器的用户组,nginx进程pid存放路径,日志存放路径,配置文件引入,允许生成worker process数等。

2.events: 与用户的网络连接相关,events块:配置影响nginx服务器或与用户的网络连接。有每个进程的最大连接数,选取哪种事件驱动模型处理连接请求,是否允许同时接受多个网路连接,开启多个网络连接序列化等。

3.http块:可以嵌套多个server,配置代理,缓存,日志定义等绝大多数功能和第三方模块的配置。如文件引入,mime-type定义,日志自定义,是否使用sendfile传输文件,连接超时时间,单连接请求数等。


server

了解了以上Nginx配置文件结构后,今天主要学习http块中的 server。server块,用于配置虚拟主机的相关参数,一个http中可以有多个server。

server {
  # 配置网络监听
  # 监听所有的 80
  listen 80;
  
  # 基于名称的虚拟主机配置
  server_name design.luweitech.cn;

  # 配置请求的根目录
  # Web 服务器收到请求后,首先要在服务端指定的目录中寻找请求资源
  root /xxx/abc;

  # 设置网站的默认首页
  index index.html;

  location / {
    proxy_pass http://localhost:端口号;
  }

  location /favicon.ico {
    # 过期时间设置 12 小时
    expires 12h;
  }

  location ~ .*.(js|css)?$ {
     # proxy_pass http://localhost:端口号;
     expires 12h;
  }
}

server_name

基于名称的虚拟主机配置

server_name 是虚拟服务器的识别路径,不同的域名会通过请求头中的HOST字段,匹配到特定的server块,转发到对应的应用服务器中去。

比如,以下代码

server {
  listen  80;
  server_name www.xxx.com;
  location / {
    proxy_pass http://localhost:6002;
  }
}
 
server {
  listen 80;
  server_name www.xxx.*;
  location / {
    proxy_pass http://localhost:6003;
}

访问www.xxx.comNginx会转发到http://localhost:6002

访问www.xxx.orgNginx会转发到http://localhost:6003

广州vi设计http://www.maiqicn.com我的007办公资源网站https://www.wode007.com

index

设置网站的默认首页

index 指令主要有 2 个作用:

对请求地址没有指明首页的,指定默认首页对一个请求,根据请求内容而设置不同的首页,比如:
location ~ ^/luwei/(.+)/web/$ {
    index index.$1.html index.htm;
}

location

location ~ .*.(js|css)?$ {
  # proxy_pass http://localhost:端口号;
  expires 12h;
}

今天主要讲一下这段代码

以上,简单来说是设置 js、css 文件的过期时间(注意,是注释了proxy_pass后的作用),这样原本是没有问题的,问题在于,如果这么一写,因为注释了proxy_pass,所以一旦浏览器访问js、css 文件,Nginx 会默认去上面配置的root中找,然而,我们使用的是 node 服务,js、css 不是单纯的静态文件,不直接在root中,结果浏览器就访问不了。

对于 js、css 不是静态文件的情况,有两种处理办法:

第一种是解开proxy_pass http://localhost:端口号;这句的注释,让其回到 node 提供的服务中第二种是把location ~ .*.(js|css)?$整个都注释掉,这样请求的 js、css 文件会匹配上面的location /,回到 node 提供的服务中

免责声明:文章转载自《前端需要掌握的Nginx知识》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇记录一下navicat的快捷键运动曲线提升CSS动画效果下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

nginx重定向

原文链接地址:http://seanlook.com/2015/05/17/nginx-location-rewrite/ location正则写法 一个示例: location = / { # 精确匹配 / ,主机名后面不能带任何字符串 [ configuration A ] } location / { # 因为所有的地址都以 /...

RuoYi(若依)前后端分离版本,windows下部署(nginx)

摘自:https://blog.csdn.net/yueyekkx/article/details/105505490 上一篇用了tomcat部署(https://blog.csdn.net/yueyekkx/article/details/105491363),还是觉得nginx是王道话不多说开始:还是windows下部署:nginx jar包 前端:1...

nginx配置静态路径

原因:文件资料上传至ftp上,由于需要大量图片回显,导致服务器压力过大,反应不过来,所以改为通过nginx做静态资源代理。 服务器路径为:/var/ftp/2020/10/09/12a1b8f973fc4d51b67e9a168fcb757f1602227927258.jpg 初次尝试,是通过: location /ftp/ {      root /va...

mysql(2)-启动mysql报错The server quit without updating PID file!

mysql启动报错 今天启动mysql又一次报错:The server quit without updating PID file!记得上次出现这个问题的时候,尝试了一些常规的方法,未果,所以索性重新进行安装。但是,相同的问题今天又出现了!!!OH, my god!恰巧今天时间充裕,尝试各种办法,终于皇天不负有心人,经过一个小时的奋战后,终于让我给搞...

Linux配置nginux

安装依赖 yum install gcc yum install pcre-devel yum install zlib zlib-devel yum install openssl openssl-devel //一键安装上面四个依赖 yum -y install gcc zlib zlib-devel pcre-devel openssl open...

Linux服务部署Yapi项目(安装Node Mongdb Git Nginx等) Linux服务部署Yapi

一,介绍与需求  1,我的安装环境:CentOS7+Node10.13.0+MongoDB4.0.10。  2,首先安装wget,用于下载node等其他工具 1 yum install -y wget  编译依赖 gcc 环境 1 yum install gcc-c++ 二,Node安装配置 第一步:下载Node 1 wget https://nodejs...