Welcome 🎉

logo

ReactLMS

Search
Light Mode
Contact Us

4 min to read

Contact us

No results for your search.
Sorry, an unexpected error occurred

Giới thiệu


Đây là một cách điều hướng trang web hữu hiệu, thông qua cách thức này, ta có thể sử dụng tên miền để đại diện hoặc thay thế cho một tên miền hoặc địa chỉ khác.


Redirects


Redirects hay còn được gọi là điều hướng, đây là cách mà ta thường dùng để điều hướng người dùng tới một trang web khác khi truy cập vào một URL cụ thể.

Hãy tham khảo ví dụ sau

events {
}

http {
    include /etc/nginx/mime.types;
    server {
        listen 80;
        server_name nglearns.test;
        root /srv/nglearns/static-demo;
        location = /index_page {
          return 307 /index.html;
        }
        location = /about_page {
          return 307 /about.html;
        }
    }
}






Chạy thử bằng câu lệnh sau

curl -I http://nglearns.test/about_page






Kết quả

# HTTP/1.1 307 Temporary Redirect
# Server: nginx/1.18.0 (Ubuntu)
# Date: Thu, 22 Apr 2021 18:02:04 GMT
# Content-Type: text/html
# Content-Length: 180
# Location: http://nginx-handbook.test/about.html
# Connection: keep-alive






Thông qua ví dụ trên, Giờ đây khi chúng ta truy cập với đường dẫn http://nglearns.test/about_page Chúng ta sẽ được truy cập vào http://nglearns.test/about.html


Rewrite


Tương tự nhứ redirects, rewrite cho phép chúng ta truy cập tới một nguồn khác nhưng nó không làm thay đổi URL hiện tại

Hãy tham khảo ví dụ sau

events {
}

http {
    include /etc/nginx/mime.types;
    server {
        listen 80;
        server_name nglearns.test;
        root /srv/nglearns/static-demo;
        rewrite /index_page /index.html;
        rewrite /about_page /about.html;
    }
}






Thực nghiệm bằng url sau

curl -i http://nglearns.test/about_page






Kết quả

# HTTP/1.1 200 OK
# Server: nginx/1.18.0 (Ubuntu)
# Date: Thu, 22 Apr 2021 18:09:31 GMT
# Content-Type: text/html
# Content-Length: 960
# Last-Modified: Wed, 21 Apr 2021 11:27:06 GMT
# Connection: keep-alive
# ETag: "60800c0a-3c0"
# Accept-Ranges: bytes






Thông qua ví dụ trên, ta có thể thấy khi truy cập vào http://nglearns.test/about_page, bạn sẽ truy cập được vào file about.html

🌱
Việc sử dụng rewrite sẽ giúp tăng trải nghiệm của người dùng hơn vì nó không làm thay đổi URL trong quá trình truy cập



Read More
On This Page