htaccess Access-Control-Allow-Origin

ฉันกำลังสร้างสคริปต์ที่โหลดจากภายนอกในไซต์อื่น ๆ โหลด CSS และ HTML และทำงานได้ดีบนเซิร์ฟเวอร์ของฉันเอง

อย่างไรก็ตามเมื่อฉันลองใช้บนเว็บไซต์อื่นมันแสดงข้อผิดพลาดที่น่ากลัวนี้:

Access-Control-Allow-Origin

ที่นี่คุณสามารถดูโหลดได้อย่างสมบูรณ์: http://tzook.info/bot/

แต่ในเว็บไซต์อื่นนี้แสดงข้อผิดพลาด: http://cantloseweight.co/robot/

ฉันอัปโหลดสคริปต์การโหลดไปที่ jsfiddle: http://jsfiddle.net/TL5LK/

ฉันลองแก้ไขไฟล์ htaccess ดังนี้:

<IfModule mod_headers.c>    
    Header set Access-Control-Allow-Origin *
</IfModule>

หรือเช่นนี้:

Header set Access-Control-Allow-Origin *

แต่มันยังไม่ได้ผล

ลองใช้สิ่งนี้ใน. htaccess ของโฟลเดอร์รูทภายนอก:

<IfModule mod_headers.c>
    Header set Access-Control-Allow-Origin "*"
</IfModule>

และหากเกี่ยวข้องกับสคริปต์. js เท่านั้นคุณควรรวมโค้ดด้านบนไว้ในนี้:

<FilesMatch "\.(js)$">
...
</FilesMatch>

ไม่มีใครบอกว่าคุณต้องเปิดใช้งานmod_headersด้วยดังนั้นหากยังใช้งานไม่ได้ให้ลองทำดังนี้:

(เคล็ดลับต่อไปนี้ใช้ได้กับ Ubuntu ไม่รู้เกี่ยวกับการแจกแจงอื่น ๆ )

คุณสามารถตรวจสอบรายการโมดูลที่โหลดด้วยไฟล์

apache2ctl -M

เพื่อเปิดใช้งาน mod_headers ที่คุณสามารถใช้ได้

a2enmod headers

แน่นอนหลังจากการเปลี่ยนแปลงใด ๆ ใน Apache คุณต้องรีสตาร์ท:

/etc/init.d/apache2 restart

จากนั้นคุณสามารถใช้

<IfModule mod_headers.c>
    Header set Access-Control-Allow-Origin "*"
</IfModule>

และถ้า mod_headers ไม่ทำงานบรรทัดนี้จะไม่ทำอะไรเลย คุณสามารถลองข้ามถ้าอนุประโยคและเพิ่มHeader set Access-Control-Allow-Origin "*"ในการกำหนดค่าของคุณจากนั้นควรส่งข้อผิดพลาดระหว่างการเริ่มต้นหาก mod_headers ไม่ทำงาน

จากประสบการณ์ของฉัน;

ถ้ามันไม่ได้ผลจากภายในการphpทำเช่นนี้.htaccessได้ผลสำหรับฉัน

<IfModule mod_headers.c>
    Header set Access-Control-Allow-Origin http://www.vknyvz.com  
    Header set Access-Control-Allow-Credentials true
</IfModule>

• ข้อมูลรับรองอาจเป็นจริงหรือเท็จขึ้นอยู่กับพารามิเตอร์คำขอ ajax ของคุณ

เพิ่ม.htaccessไฟล์ที่มีคำสั่งต่อไปนี้ไปยังโฟลเดอร์ฟอนต์ของคุณหากมีปัญหาในการเข้าถึงฟอนต์ของคุณ สามารถแก้ไขเพื่อใช้กับไฟล์. cssหรือ. jsได้อย่างง่ายดาย

<FilesMatch "\.(eot|ttf|otf|woff)$">
    Header set Access-Control-Allow-Origin "*"
</FilesMatch>

คำตอบอื่น ๆ ไม่ได้ผลสำหรับฉันนี่คือสิ่งที่ลงเอยด้วยการทำเคล็ดลับสำหรับ apache2:

1) เปิดใช้งาน mod ส่วนหัว:

sudo a2enmod headers

2) สร้าง/etc/apache2/mods-enabled/headers.confไฟล์และแทรก:

<IfModule mod_headers.c>
    Header set Access-Control-Allow-Origin "*"
</IfModule>

3) รีสตาร์ทเซิร์ฟเวอร์ของคุณ:

sudo service apache2 restart

ใน Zend Framework 2.0 ฉันมีปัญหานี้ สามารถแก้ไขได้สองวิธี. htaccess หรือ php header ฉันชอบ. htaccess ดังนั้นฉันจึงแก้ไข. htaccess จาก:

RewriteEngine On
RewriteCond %{REQUEST_FILENAME} -s [OR]
RewriteCond %{REQUEST_FILENAME} -l [OR]
RewriteCond %{REQUEST_FILENAME} -d
RewriteRule ^.*$ - [NC,L]
RewriteRule ^.*$ index.php [NC,L]

ถึง

RewriteEngine On

<IfModule mod_headers.c>
    Header set Access-Control-Allow-Origin "*"
</IfModule>

RewriteCond %{REQUEST_FILENAME} -s [OR]
RewriteCond %{REQUEST_FILENAME} -l [OR]
RewriteCond %{REQUEST_FILENAME} -d
RewriteRule ^.*$ - [NC,L]
RewriteRule ^.*$ index.php [NC,L]

และเริ่มทำงาน

BTW: ต้องกำหนดค่า. htaccess บนเซิร์ฟเวอร์ที่โฮสต์ API ตัวอย่างเช่นคุณสร้างแอป AngularJS บนโดเมน x.com และสร้าง Rest API บน y.com คุณควรตั้งค่า Access-Control-Allow-Origin "*" ในไฟล์. htaccess ในโฟลเดอร์รากของ y.com ไม่ใช่ x .com :)

<IfModule mod_headers.c>
    Header set Access-Control-Allow-Origin "*"
</IfModule>

ตามที่ Lukas กล่าวถึงตรวจสอบให้แน่ใจว่าคุณได้เปิดใช้งาน mod_headers หากคุณใช้ Apache

ตรวจสอบให้แน่ใจว่าคุณไม่มีการเปลี่ยนเส้นทางเกิดขึ้น กรณีนี้อาจเกิดขึ้นได้หากคุณไม่ใส่เครื่องหมายทับใน URL

ดูคำตอบนี้สำหรับรายละเอียดเพิ่มเติม - https://stackoverflow.com/a/27872891/614524

หากโฮสต์ของคุณไม่ได้อยู่ที่ pvn หรือเฉพาะเป็นสิ่งสำคัญในการรีสตาร์ทเซิร์ฟเวอร์

ทางออกที่ดีกว่าจากฉันเพียงแก้ไขไฟล์ CSS ของคุณ (ที่โดเมนอื่นหรือโดเมนย่อยของคุณ) ที่เรียก font eot, woff และอื่น ๆ ไปยังต้นทางของคุณ (โดเมนของคุณหรือ www yourdomain) มันจะแก้ปัญหาของคุณ.

ฉันหมายถึงแก้ไข url สัมพัทธ์ใน css เป็นโดเมนต้นทางของ URL ที่สมบูรณ์