當我們請求一個網頁的時候，可能會加載很多css，js，img等靜態文件；一般這些文件是很久都不會變化的，所以我們為了提高頁面響應速度，完全可以將這些文件緩存到瀏覽器中(可以理解為cookie信息)，這就叫動靜分離。

1. vim nginx.conf

worker_processes  1;
events {
    worker_connections  1024;
}

http {
    include       mime.types;
    default_type  application/octet-stream;
    
    log_format  wuleiformat  ‘$remote_addr - $remote_user [$time_local]‘;

    sendfile        on;
    keepalive_timeout  65;

    server {
        listen       80;
        server_name  localhost;

        # 輸入ip默認訪問html文件夾下的index.html文件
        location / {
            root html;
            index index.html index.htm;
        }
        # 所有.png  .css ...結尾的文件都直接去/html/images裏面找
        location ~ \.(png|jpg|js|css|gif)$ {
        　　root html/images;
        　　expires 10m;  # 緩存10分鐘
           # s秒   m分   h時   d天
        }
    }
}
 

2. 修改首頁index.html 讓它去加載一個靜態圖片。

3. 重啟可以看到效果(圖片第一次加載花了7ms，後面再次刷新就是0ms，查看詳細信息看到34分第一次緩存的，直到44分失效)。

Nginx動靜分離