trailingSlash

بشكل افتراضي، سيقوم Next.js بإعادة توجيه الروابط التي تحتوي على شرطة مائلة في النهاية إلى نظيراتها بدون الشرطة المائلة. على سبيل المثال، /about/ سيتم إعادة توجيهها إلى /about. يمكنك تكوين هذا السلوك ليعمل بالعكس، حيث يتم إعادة توجيه الروابط بدون الشرطة المائلة إلى نظيراتها مع الشرطة المائلة.

افتح ملف next.config.js وأضف إعداد trailingSlash:

next.config.js
module.exports = {
  trailingSlash: true,
}

مع تفعيل هذا الخيار، سيتم إعادة توجيه روابط مثل /about إلى /about/.

عند استخدام trailingSlash: true، هناك بعض الروابط الاستثنائية التي لن يتم إضافة شرطة مائلة في نهايتها:

  • روابط الملفات الثابتة، مثل الملفات ذات الامتدادات.
  • أي مسارات تحت .well-known/.

على سبيل المثال، الروابط التالية ستبقى كما هي دون تغيير: /file.txt، images/photos/picture.png، و .well-known/subfolder/config.json.

عند استخدام هذا الخيار مع إعداد output: "export"، فإن صفحة /about ستخرج كملف /about/index.html (بدلاً من الافتراضي /about.html).

سجل التغييرات

الإصدارالتغييرات
v9.5.0تم إضافة trailingSlash.