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.com Nginx会转发到 http://localhost:6002

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

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 不是静态文件的情况，有两种处理办法：