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ích bài viết này, hãy ủng hộ chúng tôi bằng cách đăng ký nhận bài viết mới ở bên dưới và đừng quên chia sẻ kiến thức này với bạn bè của bạn nhé. Bạn cũng có thể theo dõi blog này trên Twitter và Facebook