مرحبًا يا رفاق،
عند محاولة تضمين تعليقات Discourse عبر JavaScript، تظهر لي هذه الأخطاء في وحدة تحكم المتصفح:
الخطأ الأول من السطر 1 في ملف comments
فشل تحميل المورد: استجاب الخادم بحالة 400 ()
الخطأ الثاني من ملف embed-application-08a52625979d3d44aac8a2dedf5a1a662fec81ffe8a9ebc2e6eefb15b2980874.js
Uncaught DOMException: فشل تنفيذ 'postMessage' على 'Window': أصل الهدف غير صالح '' في استدعاء لـ 'postMessage'.
at u (https://forum.MYDOMAINNAME.com/assets/embed-application-08a52625979d3d44aac8a2dedf5a1a662fec81ffe8a9ebc2e6eefb15b2980874.js:1:105)
at window.onload (https://forum.MYDOMAINNAME.com/assets/embed-application-08a52625979d3d44aac8a2dedf5a1a662fec81ffe8a9ebc2e6eefb15b2980874.js:1:523)
من هذين الخطأين، أعتقد أن المشكلة تكمن في عدم قدرة المتصفح على العثور على الملفات من الخادم.
قد يكون ذلك بسبب إعداداتي:
- بالنسبة لتطبيقي الرئيسي، يستضيفه AWS EC2. يتم تخزين جميع الملفات الثابتة/الوسائط داخل مجلد AWS S3، ويتم جلبها من قبل التطبيق عبر AWS CloudFront.
- بالنسبة لـ Discourse، قمت بتثبيته على مثيل EC2 مختلف باستخدام صورة Docker.
- باستخدام AWS Route 53، أضفت سجل
Aيعيد توجيهforum.MYDOMAINNAME.comإلى عنوان IP الخاص بمثيل Discourse EC2.
أقوم بتضمين كود HTML و JS داخل التطبيق الرئيسي. عندما يطلب الكود الملفات، ونظرًا لأن تطبيقي الرئيسي (على مثيل EC2 مختلف) لا يحتوي على ملفات الوسائط الخاصة بـ Discourse، يحدث خطأ.
إذا كانت فرضيتي صحيحة، فكيف يمكنني حل هذه المشكلة؟ كيف يمكنني تخزين ملفات الوسائط الخاصة بـ Discourse داخل S3 وخدمتها عبر CloudFront؟
إذا كانت فرضيتي خاطئة، فماذا تعني هذه الأخطاء وكيف يمكنني إصلاحها؟
شكرًا لكم!