CORS Policy Là Gì? | Cách Xử Lý Khi Bị Chặn Bởi CORS скачать в хорошем качестве

CORS Policy Là Gì? | Cách Xử Lý Khi Bị Chặn Bởi CORS

👉Cùng tìm hiểu về chính sách CORS của trình duyệt bạn nhé: Khi gửi đi một "simple request", tức là với các methods GET, HEAD, POST (là post thì content-type là một trong số application/x-www-form-urlencoded, multipart/form-data, hoặc text/plain), không bao gồm option "credentials: include" hoặc "withCredentials: true" thì khi ấy request không bị chặn (nên không có preflight), server lúc này vẫn tiếp nhận, xử lý và phản hồi (chứ không phải là không trả về được), vì HTTP là "request-response protocol" - tức là luôn có request-response. Lúc này, nếu cross-origin và phản hồi về Access-Control-Allow-Origin khác Origin hiện tại hoặc khác * thì sẽ bị trình duyệt block response (tức là client nhận được response, trình duyệt không cho access thôi). Trường hợp khác, khi gửi các yêu cầu KHÔNG simple, trình duyệt không chặn request đó, mà nó sẽ "tạm dừng" để gửi preflight (request thăm dò với method OPTIONS) lên server trước, khi đó nếu server phản hồi các Headers phù hợp thì request chính mới được gửi đi, ngược lại trình duyệt sẽ block request chính luôn. Với trường hợp "credentials: include" hoặc "withCredentials: true" thì Access-Control-Allow-Origin không sử dụng được wildcard * mà bắt buộc phải là Origin cụ thể. Ngoài ra còn phải trả về thêm Access-Control-Allow-Credentials là "true" nữa, không là sau preflight request chính sẽ bị block. Để xử lý preflight request ta có thể viết trong route cụ thể với method OPTIONS và trả về đúng các Headers cần thiết thì vẫn pass được. Nhưng việc xử lý preflight trong từng route là không cần thiết, nên thực tế sẽ xử lý ở một nơi là middleware, vừa dễ maintain, vừa xử lý sớm luôn ngay sau khi nhận được request (trong video mình sử dụng thư viện "cors" đó). --- CORS Policy Là Gì? | Cách Xử Lý Khi Bị Chặn Bởi CORS #hoclaptrinh #hoclaptrinhmienphi #javascript #reactjs #backend #nodejs #expressjs #f8 #devops 👉 XEM LỘ TRÌNH HỌC: https://fullstack.edu.vn/learning-paths 👉 Đăng Ký Học Offline Tại F8: https://short.f8team.dev/dang-ky-hoc-... --------------------------------------- Phân đoạn trong video: 00:00 - Lưu ý trước khi xem video 01:14 - Settup dự án 04:12 - Dính CORS lần 1 06:06 - Khái niệm nguồn gốc 11:44 - Tạo form và viết API đăng nhập (sử dụng session) 28:11 - Dính CORS lần 2 44:20 - Sử dụng cookies khác domain 58:38 - Ứng dụng của cookies bên thứ 3 01:06:50 - Tháng 4 là lời hứa của anh ☻ Phần mềm sử dụng trong video: Công cụ dịch Tiếng Anh: http://bit.ly/2Wsuhet Công cụ đo đạc giao diện web: http://bit.ly/3muevdD Công cụ viết CV xin việc chuyên nghiệp: https://mycv.vn ☻ Tiện ích cho Visual Studio Code: Gợi ý code: Tabnine Autocomplete AI (http://bit.ly/34rl0Yr) Tự động đóng thẻ: Auto Close Tag (http://bit.ly/3mwoJue) Tự động đổi tên thẻ đóng/mở: Auto Rename Tag (http://bit.ly/3nB0ADS) Thêm màu sắc cho các cặp ngoặc: Bracket Pair Colorizer (http://bit.ly/37wgXfC) Icon theme: Material Icon Theme (http://bit.ly/37ukU4b) Hiển thị thông tin Git (commit, author, ...): Gitlens (http://bit.ly/3gYlaf9) ☻ Khóa học lập trình web MIỄN PHÍ: Kiến thức nhập môn: https://fullstack.edu.vn/courses/less... Xây dựng giao diện với HTML, CSS: https://fullstack.edu.vn/courses/html... Xây dựng web responsive: https://fullstack.edu.vn/courses/resp... Lập trình Javascript cơ bản: https://fullstack.edu.vn/courses/java... Lập trình Javascript nâng cao: https://fullstack.edu.vn/courses/java... Làm việc với Terminal & Ubuntu: https://fullstack.edu.vn/courses/wind... Xây Dựng Website với ReactJS: https://fullstack.edu.vn/courses/reactjs Xây dựng web với Node & Express: https://fullstack.edu.vn/courses/nodejs HTML, CSS tips: https://fullstack.edu.vn/courses/html... Ứng dụng cảnh báo khi sờ lên mặt: https://fullstack.edu.vn/courses/tool... Xem thêm tại: https://fullstack.edu.vn/courses ☻ Chú ý : Không văng tục chửi bậy, bình luận có văn hóa. Không hỏi khi chưa xem xong video. Sai phạm sẽ được mời khỏi kênh. ☻ F8 là nơi học lập trình để đi làm! Tại sao bạn nên học lập trình tại đây? Ở đây chúng tôi có: Nội dung bài học chỉn chu và chi tiết giúp học viên hiểu từ cái gốc Kỹ năng sư phạm khác biệt từ người dạy giúp học viên có thêm nhiều động lực Hình ảnh và âm thanh chất lượng cao giúp học viên thêm hứng thú F8 Official (c) Sơn Đặng Website: https://fullstack.edu.vn Facebook cá nhân:   / sondnf8   Nhóm Học Lập Trình Web:   / f8official   Email: [email protected] © Bản quyền thuộc về Channel F8 Official ☞ Do not Reup © Nghiêm cấm sử dụng video nhằm mục đích thương mại dưới mọi hình thức.