كيف يمكن حجب مستخدمي IE من تصفح الموقع

يمكنك اعداد nginx للتحقق من قيمة User-Agent لمعرفة نوع المتصفح ومن ثم حظرها أو اعادة توجيهها الى صفحة معينة، في ملف nginx.conf في المسار الرئيسي تضع

location / {
    if ($http_user_agent ~* 'MSIE') {
      rewrite  ^ /error/browser-unsupported.html; # مسار صفحة الخطأ
      break;
    }
}

يمكنك إستخدام ما يعرف بالتعليقات الشرطية لحجب المحتوى أو عرض رسالة معينة بناءا على متصفح المستخدم في أي صفحة أو مكون , و كونك تستخدم تطبيق nuxt.js يمكنك مباشرة إضافة هاته الأسطر :

<div>
    <!--[if IE]>
    <p>عذرا, Internet Explorer غير مدعوم.<p>
    إستعمل <a href="http://google.com">Chrome</a> بدلا.
    <![endif]-->

    <![if !IE]>
    <Nuxt />
    <![endif]>
</div>

إلى ملف default.vue قبل إخراج ملف dist عن طريق الأمر : 

npm run generate

كما يمكنك إنشاء مكون كامل ليتم عرضه بدلا من رسالة بسيطة : 

<template>
    <div>
        <!--[if IE]>
        <IENotSupportedComponent />
        <![endif]-->

        <![if !IE]>
       <Nuxt />
       <![endif]>
    </div>
</template>

<script>
import IENotSupportedComponent from '@/components/IENotSupportedComponent';

export default defineComponent({
  name: 'Default',
  components: { IENotSupportedComponent },
});

</script>