Giới thiệu

Việc triển khai static content luôn bị giới hạn về các loại nội dung truyền tải, kể cả CSS hay JS, chúng cũng cần được khai báo để nginx có thể hiểu về cho phép quyền truy cập.

Triển khai

Để triển khai cho phép người dùng truy cập và sử dụng file css, ta hãy tham khảo ví dụ sau

events {

}

http {
  types {
    text/html html;
    text/css css;
  }
  server {
    listen 80;
    server_name nglearns.test;
    root /srv/nglearns/demo;
  }
}

Tại đây ta sử dụng context types ngay sau http block để quy định các dạng file được quyền sử dụng.

Bằng việc viết text/css css, bạn sẽ giúp cho nginx hiểu và cho phép truy cập các file có type là text/css tương ứng khớp với các file có extensioin là css trong folder ứng dụng.

Hãy kiểm tra bằng câu lệnh sau

curl -I http://nglearns.test/demo.css

Nếu trong folder ứng dụng có file demo.css, ta sẽ nhận được kết quả như sau

# HTTP/1.1 200 OK

# Server: nginx/1.18.0 (Ubuntu)

# Date: Wed, 21 Apr 2021 12:29:35 GMT

# Content-Type: text/css

# Content-Length: 46887

# Last-Modified: Wed, 21 Apr 2021 11:27:06 GMT

# Connection: keep-alive

# ETag: "60800c0a-b727"

# Accept-Ranges: bytes

Vậy là đã thành công triển khai các file với nhiều loại định dạng khác nhau trong hệ thống