Chrome ปฏิเสธที่จะเรียกใช้งานสคริปต์ AJAX เนื่องจากประเภท MIME ผิด

ฉันพยายามเข้าถึงสคริปต์ในฐานะ JSON ผ่าน AJAX ซึ่งทำงานได้ดีบน Safari และเบราว์เซอร์อื่น ๆ แต่น่าเสียดายที่จะไม่ทำงานใน Chrome มันมาพร้อมกับข้อผิดพลาดดังต่อไปนี้:

ปฏิเสธที่จะเรียกใช้งานสคริปต์จาก '*' เนื่องจากประเภท MIME ('application / json') ไม่สามารถใช้งานได้และการตรวจสอบประเภท MIME ที่เข้มงวดถูกเปิดใช้งาน

นี่คือคำขอ:

$.ajax({
    url: "http://some_url/test.json?callback=?",
    type: "GET",
    dataType: 'json',
    cache: true,
    success: function (data, status, error) {
      console.log('success', data);
    },
    error: function (data, status, error) {
      console.log('error', data, status, error);
    }
});

ใครบ้างมีวิธีแก้ปัญหานี้?

โดยการเพิ่มอาร์กิวเมนต์โทรกลับคุณกำลังบอก jQuery ว่าคุณต้องการร้องขอให้ JSONP ใช้องค์ประกอบสคริปต์แทนการร้องขอ JSON โดยใช้ XMLHttpRequest

JSONP ไม่ใช่ JSON มันเป็นโปรแกรมจาวาสคริปต์

เปลี่ยนเซิร์ฟเวอร์ของคุณเพื่อให้เอาต์พุตชนิด MIME ที่ถูกต้องสำหรับ JSONP ซึ่งก็คือ application/javascriptซึ่งเป็น

(ในขณะที่คุณกำลังที่จะหยุดบอก jQuery ที่คุณจะคาดหวังว่า JSON เป็นที่ขัดแย้ง: dataType: 'jsonp')

หากพร็อกซีเซิร์ฟเวอร์หรือคอนเทนเนอร์ของคุณเพิ่มส่วนหัวต่อไปนี้เมื่อแสดงไฟล์. js มันจะบังคับให้เบราว์เซอร์บางตัวเช่น Chrome ทำการตรวจสอบประเภท MIME อย่างเข้มงวด:

X-Content-Type-Options: nosniff

ลบส่วนหัวนี้เพื่อป้องกันไม่ให้ Chrome ทำการตรวจสอบ MIME

FYI ฉันได้รับข้อผิดพลาดเดียวกันจากคอนโซล Chrome ฉันคิดว่าฟังก์ชั่น AJAX ของฉันทำให้มัน แต่ฉัน uncommented สคริปต์ minified ของฉันจากไป/javascripts/ajax-vanilla.min.js แต่ในความเป็นจริงแฟ้มแหล่งที่มาอยู่ที่/javascripts/ajax-vanilla.js /javascripts/src/ajax-vanilla.jsดังนั้นใน Chrome คุณจะได้รับข้อผิดพลาดประเภท MIME ไม่ดีแม้ว่าจะไม่พบไฟล์ ในกรณีนี้ข้อความแสดงข้อผิดพลาดอธิบายว่าเป็นtext/plainชนิด MIME ที่ไม่ดี

ฉันพบข้อผิดพลาดนี้โดยใช้ IIS 7.0 พร้อมกับหน้าข้อผิดพลาด 404 ที่กำหนดเองถึงแม้ว่าฉันสงสัยว่าสิ่งนี้จะเกิดขึ้นกับหน้า 404 เซิร์ฟเวอร์ส่งคืนการตอบกลับ html 404 ด้วยประเภทข้อความ / html mime ซึ่งไม่สามารถดำเนินการได้ (ถูกต้อง)

สำหรับบันทึกและผู้ใช้การค้นหาของ Googleหากคุณเป็นผู้พัฒนา. NET Core คุณควรตั้งค่าประเภทเนื้อหาด้วยตนเองเนื่องจากค่าเริ่มต้นของพวกเขาเป็นโมฆะหรือว่างเปล่า:

var provider = new FileExtensionContentTypeProvider();
app.UseStaticFiles(new StaticFileOptions
{
    ContentTypeProvider = provider
});

ในกรณีของฉันฉันใช้

$.getJSON(url, function(json) { ... });

เพื่อขอ (API ของ Flickr) และฉันได้รับข้อผิดพลาด MIME เดียวกัน เช่นเดียวกับคำตอบข้างต้นที่แนะนำเพิ่มรหัสต่อไปนี้:

$.ajaxSetup({ dataType: "jsonp" });

แก้ไขปัญหาและฉันไม่เห็นข้อผิดพลาดประเภท MIME ในคอนโซลของ Chrome อีกต่อไป

ถ้าแอปพลิเคชันโฮสต์บน IIS ตรวจสอบให้แน่ใจว่ามีการติดตั้งเนื้อหาแบบคงที่ แผงควบคุม> โปรแกรม> เปิดหรือปิดคุณสมบัติ Windows> บริการข้อมูลอินเทอร์เน็ต> บริการเวิลด์ไวด์เว็บ> คุณสมบัติ HTTP ทั่วไป> เนื้อหาคงที่

ฉันประสบปัญหานี้เมื่อพยายามเรียกใช้แอปพลิเคชันที่มีอยู่ในการติดตั้ง IIS 10.0 ใหม่