رفع خطای 404 در مسیرهای پروژه React - react-router

چنانچه از React در ساختار پروژه خود استفاده کرده باشید، ممکن است این تجربه را داشته‌اید که لینک‌هایی که به صورت _Blank یا لینک مستقیم هستند با خطای 404 مواجه می‌شوند اما همان لینک از طریق منوهای وبسایت به صورت Self بدون خطا صفحه را بارگذاری می‌کند.

 

نحوه رفع مشکل:

برای رفع این مشکل لازم است کد زیر را در فایل .htaccess قرار دهید:

<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\.html$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond %{REQUEST_FILENAME} !-l
RewriteRule . /index.html [L]
</IfModule>

 

کار تمام شد!

  • 11 کاربر این را مفید دانستند
آیا این آموزش به شما کمک کرد؟

مقالات مربوطه

نحوه‌ی یافتن فایل htaccess

در این مقاله نحوه‌ی یافتن و ویرایش فایل .htaccess را در سی‌پنل شرح می‌دهیم. .htaccess چیست؟...

ارجاع اجباری وبسایت به آدرس دامنه با www یا بدون www

بسیاری از کاربران و مدیران وبسایت خواستار باز شدن وبسایتشان با یا بدون www در ابتدای آدرس آن...

ارجاع آدرس وبسایت از HTTPS به HTTP

در برخی از موقعیت‌های خاص نیاز به باز شدن وبسایتتان تنها با پروتکل HTTP دارید. جهت ارجاع دامنه‌ی...

ارجاع آدرس وبسایت از HTTP به HTTPS

در صورتی که وبسایت شما دارای گواهی‌نامه‌ی SSL می‌باشد، شما می‌توانید بازدیدکنندگان آن را به آدرس...

نحوه‌ی ارجاع صفحات و فایل‌های وبسایت بدون کاهش رنک SEO

در این مقاله ضمن ذکر نام دیگر این نوع ارجاع، انواع ریدایرکت به همراه روش انجام آن را شرح می‌دهیم:...