آموزش رفع خطای Access-Control-Allow-Origin در وردپرس

آموزش رفع خطای Access-Control-Allow-Origin در وردپرس

با عرض سلام خدمت تمام کاربران عزیز سایت آچار فرانسه . خیلی کم رخ میدهد که در وردپرس با خطای Access-Control-Allow-Origin مواجه شوید . حال به شما آموزش میدهیم اگر با چنین خطایی مواجه شدید چگونه با آن مبارزه کنید

علت خطا :

گاهی اوقات در برخی از سایت های وردپرسی که مجوز HTTPS در آن فعال است، ممکن است بخشی از منابع وب‌سایت‌ مثل فونت ها، فایل های CSS و یا فایل های جاوا اسکریپت لود نشوند. اگر این مورد را در گوگل کروم کنسول بررسی کنید، متوجه میشوید که این منابع توسط مرورگر شما مسدود شده است که بخاطر وجود تداخل در پروتکل HTTPS است

متن خطایی که در کنسول مشاهده میکنید :

font from origin ‘https://domain.com/fonts/Byekan.ttf’ has been blocked from loading by Cross-Origin Resource Sharing Policy: No ‘Access-Control-ALlow-Origin’ header is present on the required resource. Origin ‘https://domain.com/fonts/Byekan.ttf’ is therefore not allowed access

رفع خطا :

برای حل این خطا باید کد هایی را به فایل htaccess در هاست خود اضافه نمایید . بدین منظور وارد هاست خود شوید و فایل htaccess را باز کنید و کد زیر را به آن اضافه کنید

<IfModule mod_headers.c>
<FilesMatch "\.(ttf|ttc|otf|eot|woff|woff2|font.css|css|js)$">
Header set Access-Control-Allow-Origin "*"
</FilesMatch>
</IfModule>