Cho phép Cross Domain Ajax trong WordPress

Tải các nguồn tài nguyên từ một miền khác hoặc tên miền phụ có thể tăng hiệu suất và thời gian tải trang web wordpress của bạn. Trình duyệt có thể chặn nội dung được tải từ các miền khác do chính sách Cross-Origin Resource Sharing. Đặc biệt là các phông chữ web như Font Awesome có thể bị chặn bởi các trình duyệt nếu chúng được tải từ các tên miền khác. Vì vậy, bạn cần thực hiện một tùy chỉnh bổ sung để cho phép chia sẻ tài nguyên từ các miền khác.

Tải tài nguyên từ tên miền con

Giả sử trang web WordPress của bạn chạy trên tên miền “example.com” và bạn muốn tải tài nguyên từ các tập tin của cdn.example.com.
Để cho phép điều này, bạn mở tệp .htaccess và thêm vào các dòng sau:

# Allow font, js and css to be loaded from subdomain
SetEnvIf Origin "http(s)?://(.+.)?(example.com)$" ORIGIN_DOMAIN=$0
<IfModule mod_headers.c>
    <FilesMatch ".(eot|font.css|otf|ttc|ttf|woff|js|png|jpg|jpeg|gif)$">
        Header set Access-Control-Allow-Origin %{ORIGIN_DOMAIN}e env=ORIGIN_DOMAIN
    </FilesMatch>
</IfModule>

Đoạn mã trên sẽ cho phép CSS, javascript và các files được chia sẻ từ tên miền con của website này.

Tải tài nguyên từ mọi tên miền

Nếu bạn muốn cho phép tải tài nguyên css,js từ mọi tên miền, thì thêm đoạn code sau vào file .htaccess

# Allow font, js, and css to be loaded from subdomain
<IfModule mod_headers.c>
    <FilesMatch ".(eot|font.css|otf|ttc|ttf|woff|js|png|jpg|jpeg|gif)$">
        Header set Access-Control-Allow-Origin "*"
    </FilesMatch>
</IfModule>

Nếu bạn thấy bài viết này hữu ích, hãy chia sẻ với bạn bè bằng cách nhấn nút chia sẻ ở bên dưới. Theo dõi chúng tôi trên Twitter và Facebook