قاسم بساکی
نویسنده:
قاسم بساکی
تاریخ:
1 سال پیش
بازدید : 762

حل مشکل ارور 404 پروژه React

react 404

سلام دوستان عزیز

مطمئنا شما هم یه پروژه React داری که اون رو یه هاست سی پنل قرار دادی و همه چیز به خوبی کار میکنه تا زمانی که صفحه رو رفرش میکنی

معمولا به این شکله که بعد از دیپلوی پروژه های ری اکتی بعد از ورود به سایت، شما بعد از زدن دکمه f5 با مشکل مواجه میشی و ارور 404 میبینی

خیلی زیاده گویی نکنم و راه حل رو بگم:

باید توی روت پروژه ری اکتی که پابلیش کردید

مثلا پوشه public_html (مستقیم توی همین پوشه یا هر پوشه که به نام دامین شماست)

اونجا یه فایل بسازید به نام 

.htaccess

بعد داخل اون این کد ها رو قرار بدید

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

بعد سیو و تمام

_____________________________

توی iis هم باید ابتدا ماژول URL Rewrite Module رو از این مسیر دانلود کنید:

https://www.iis.net/downloads/microsoft/url-rewrite

و بعد اون رو توی سرور خودتون نصب کنید 

بعد از اون یک فایل web.config توی روت پروژه میسازید و داخل اون کد زیر رو قرار میدید:

 

<?xml version="1.0"?>

<configuration>

    <system.webServer>

        <rewrite>

            <rules>

                <rule name="React Routes" stopProcessing="true">

                    <match url=".*" />

                    <conditions logicalGrouping="MatchAll">

                        <add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" />

                        <add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true" />

                        <add input="{REQUEST_URI}" pattern="^/(api)" negate="true" />

                    </conditions>

                    <action type="Rewrite" url="/" />

                </rule>

            </rules>

        </rewrite>

    </system.webServer>

</configuration>