Hướng dẫn kích hoạt CORS trên VPS chạy CyberPanel

CORS (Cross-Origin Resource Sharing) là một cơ chế quan trọng giúp website có thể chia sẻ tài nguyên với các domain khác mà không bị chặn bởi trình duyệt. Nếu bạn đang chạy CyberPanel và gặp lỗi CORS policy blocked, hãy làm theo hướng dẫn dưới đây để kích hoạt CORS trên máy chủ VPS của bạn.

Bước 1: Truy cập vào thư mục cấu hình vHost

Trước tiên, bạn cần chỉnh sửa file vhost.conf để thêm các thiết lập CORS.

Mở SSH và chạy lệnh sau để vào thư mục chứa danh sách vHosts:

Lệnh này sẽ hiển thị danh sách tất cả các vHosts đang chạy trên LiteSpeed Web Server.

Bước 2: Điều hướng đến thư mục tên miền cần chỉnh sửa

Thay thế yourdomain.xyz bằng tên miền thực tế của bạn:

Bạn sẽ thấy file vhost.conf, đây là file cần chỉnh sửa để thêm quy tắc CORS.

Bước 3: Sao lưu file vHost trước khi chỉnh sửa

Trước khi thay đổi, hãy sao lưu file để đảm bảo có thể khôi phục nếu xảy ra lỗi:

Điều này giúp bạn có thể khôi phục lại file gốc nếu cần.

Bước 4: Chỉnh sửa file vHost để bật CORS

Mở file vhost.conf bằng trình soạn thảo nano:

Thêm đoạn cấu hình sau vào file:

📌 Lưu ý:

• Dòng extraHeaders Access-Control-Allow-Origin * cho phép mọi domain truy cập tài nguyên của bạn. Nếu chỉ muốn cho phép một domain cụ thể, thay "*" bằng domain của bạn, ví dụ:
  extraHeaders Access-Control-Allow-Origin https://your-allowed-domain.com

• Nếu website sử dụng .htaccess, phần RewriteFile .htaccess đảm bảo các quy tắc rewrite được áp dụng.

Nhấn CTRL + X, sau đó nhấn Y và Enter để lưu lại thay đổi.

Bước 5: Khởi động lại LiteSpeed Web Server

Sau khi chỉnh sửa xong, bạn cần restart LiteSpeed để áp dụng thay đổi:

Kiểm tra xem đã hoạt động chưa?

Sau khi thực hiện các bước trên, bạn có thể kiểm tra xem CORS đã được kích hoạt hay chưa bằng cách:

1. Sử dụng trình duyệt:
   • Mở DevTools (F12 hoặc Ctrl + Shift + I).
   • Chuyển đến tab Network, tìm yêu cầu từ domain khác và kiểm tra Headers.
   • Nếu bạn thấy **Access-Control-Allow-Origin: *** hoặc domain của bạn, thì CORS đã được bật.
2. Kiểm tra bằng cURL:
   Chạy lệnh sau trong Terminal:
   curl -I https://yourdomain.xyz


   Nếu kết quả trả về có Access-Control-Allow-Origin, nghĩa là CORS đã hoạt động thành công.

Lời Kết

Bằng cách thêm CORS Headers vào vhost.conf, bạn đã kích hoạt thành công CORS trên CyberPanel mà không cần chỉnh sửa .htaccess. Nếu gặp lỗi, hãy kiểm tra lại file vhost.conf hoặc thử khởi động lại server.

💡 Hy vọng hướng dẫn này sẽ giúp bạn khắc phục lỗi CORS một cách dễ dàng! 🚀

Bạn có thể tham khảo thêm 1 số bài viết liên quan VPS/server tại đây

======================================================

P.A Việt Nam cung cấp đa dạng các cấu hình Máy Chủ Ảo và Máy Chủ Riêng
Cloud Server
Cloud Server Pro
Máy Chủ Riêng

Tham khảo các ưu đãi: https://www.pavietnam.vn/vn/tin-khuyen-mai/