Mixed Content ترجمتها «محتوى مختلط». معناها: صفحتك مفتوحة على https://، يعني الاتصال مشفّر، لكنها طلبت شي من رابط يبدأ بـ http://، غير مشفّر. فالمتصفح منع الطلب، لأن أي أحد في نص الطريق يقدر يقرأه أو يغيّره.
الترجمة كلمة بكلمة
| الرسالة | الترجمة | إيش تعني |
|---|---|---|
Mixed Content | محتوى مختلط | صفحة آمنة فيها طلب غير آمن |
The page at ... was loaded over HTTPS | الصفحة انفتحت عبر HTTPS | صفحتك نفسها آمنة |
but requested an insecure resource أو XMLHttpRequest endpoint | لكنها طلبت مورد غير آمن | فيه رابط http داخل الصفحة |
This request has been blocked | تم منع هذا الطلب | المتصفح ما أرسله أصلًا |
the content must be served over HTTPS | لازم المحتوى يجي عبر HTTPS | الحل إن الرابط نفسه يصير https |
(blocked:mixed-content) | ممنوع: محتوى مختلط | نفس الخطأ في عمود Status في Network |
وين تشوفها، وليش ما تطلع بالعربي
تطلع في Console (اضغط F12) سطر أحمر، ومعها الرابط اللي انمنع بالضبط. وهذي رسالة من أدوات المطوّر في المتصفح، فتطلع بالإنجليزي حتى لو لغة Chrome عربي.
مشكلتك ولا مشكلة الموقع؟
- إذا أنت زائر: المشكلة في الموقع. اللي تشوفه: جزء من الصفحة فاضي، أو زر ما يرد، أو صورة مكسورة. لا تسمح بالمحتوى غير الآمن من إعدادات متصفحك، لأن هذا يخلّي بياناتك تمشي بدون تشفير.
- إذا الموقع موقعك: المشكلة في رابط داخل منتجك. أشهرها: رابط السيرفر مكتوب بـ http:// داخل الكود أو في متغير إعدادات، أو سيرفر خلفي على عنوان IP بدون شهادة، أو روابط صور محفوظة بـ http:// في قاعدة البيانات.
علامة سريعة: يظهر بعد النشر بالذات، لأن على جهازك كل شي على http://localhost، فما فيه خلط.
إيش تكتب لـ Lovable أو Bolt أو Cursor
لا تقبل حل ينشر الموقع كله على http عشان «يختفي الخطأ»، ولا upgrade-insecure-requests لوحدها، لأنها تفشل إذا السيرفر ما عنده شهادة. انسخ الرابط اللي انمنع من Console، وبعدها هذا:
My deployed site (HTTPS) shows "Mixed Content ... This request has been blocked"
for this URL: <paste the blocked URL>.
Find where this http:// URL comes from: hard-coded in the code, an environment
variable, or saved in the database. Read the server URL from an environment variable
and use https. Do not switch the site to http and do not rely on
upgrade-insecure-requests alone.الحل خطوة بخطوة
كيف تلقى الرابط اللي انمنع، وكيف تنقل كل الطلبات لـ HTTPS صح، وثلاث عادات تمنع رجوعه، في درس Mixed Content: ليش المتصفح يمنع طلبات موقعك؟. وإذا الطلب يفشل بدون رسالة Mixed Content، شوف معنى Failed to fetch.
وإذا السيرفر الخلفي محتاج نطاق وشهادة وما تدري من وين تبدأ، احجز استشارة تقنية ونرتّبها معك على المكالمة.