رفع خطای 404 رفرش صفحه در برنامه های ری اکت در هاست

رفع خطای 404 رفرش صفحه در برنامه های ری اکت در هاست

رفع خطای 404 رفرش صفحه در برنامه های ری اکت در هاست

error 404 in react app when upload in host

توسط : admin
اگر تا به حال اقدام به آپلو برنامه ری کت خود کرده باشید ممکن است به خطای 404 در زمانی که صفحه ای رفرش میکنید بر خورد کنید . با من باشید تا با هم نحوه رفع این خطا در هاست های ویندوزی و لینوکس را بررسی کنیم .

 

یکی از مشکلاتی که عمدتا پس از آپلود برنامه ری اکت بر روی هاست اتفاق می افته اینکه هست که زمانیکه از طریق منو بین صفحات سایت جابجا میشید صفحه به درستی بارگذاری و نمایش داده میشه . ولی وقتی که از طریق کلید F5 یا زدن دکمه refresh مرورگر اقدام میکنید یا اینکه مستقیما قصد ورود  به صفحه مورد نظر رو دارید ، با خطای 404 مواجه میشید . نکته ای که وجود داره اینه که این حالت تا زمانی که در محیط تست خودتون و بر روی localhost در حال اجرای پروژه هستید با چنین خطایی مواجه نمیشید. راه حل بسیار ساده است !

 

در هاست لینوکس کدهای زیر رو به انتهای فایل .htaccess  بعد از کدهای دایرکت http به  https اضافه کنید و به جای دامنه نیلوتک نام دامنه خودتون رو بگذارید .

# Fallback all other routes to index.html
RewriteRule ^ /index.html [L]
RewriteCond %{HTTP_HOST} ^nilootech\.com$ [OR]
RewriteCond %{HTTP_HOST} ^www\.nilootech\.com$
RewriteRule ^/?$ "http\:\/\/nilootech\.com" [R=301,L]

 

 

و برای هاست های ویندوزی و همچنین سرویس های IIS این محتویات رو به فایل web.config اضافه کنید .

<configuration>
    <system.webServer>
        <httpErrors errorMode="Custom" defaultResponseMode="Redirect">
            <remove statusCode="404" subStatusCode="-1" />
            <error statusCode="404" prefixLanguageFilePath="" path="/" responseMode="ExecuteURL" />
        </httpErrors>
    </system.webServer>
</configuration>

 

و حالا میتونید سایت خودتون رو تست کنید . امیدوارم این راهنمایی کوچیک به شما کمک کرده باشه .

نظرات :

در عرض چند دقیقه برای ایجاد حساب

کاربری خود اقدام کنید


اکنون حساب کاربری خود را ایجاد کنید!


ایجاد حساب کاربری

با ثبت نام در نیلوتک از آخرین بروز رسانی های آموزش ها و مقالات سایت مطلع شوید