PHP හොස්ටින්ග් එකක React Router

ඔබ දැනටමත් දන්නා පරිදි, එකතු කිරීමෙන් පසු React ව්‍යාපෘතිය නියෝජනය කරන්නේ සාමාන්‍ය ස්ටැටික් අන්තර්ගතයක් ලෙසින්, එය ඕනෑම හොස්ටින්ග් එකකට උඩුගත කළ හැකි, හා එහි වහාම ක්‍රියා කරනු ඇත.

කෙසේවෙතත්, React Router සමඟ ගැටළුවක් පවතී. කාරණය නම්, Router ක්‍රියා කරන විට � බ්‍රවුසරයේ පිටු වල URL වෙනස් කරයි. මෙම අවස්ථාවේදී, පිටුව යථාර්ථයේ නැවත අවුරුද්ද නොවී, යJavaScript ආධාරයෙන් URL පමණක් වෙනස් වේ.

හොස්ටින්ග් එකක උඩුගත කරන ලද වෙබ් අඩවියක, Router ක්‍රියා කරනු ඇත. නමුත්, ප්‍රධාන පිටුව හැර වෙබ් අඩවියේ වෙනත් පිටුවක සිටගෙන, එය නැවත අවුරුද්දන්නේ නම්, 404 දෝෂයක් පෙන්වනු ඇත.

මෙය තාර්කිකය, මන්ද බ්‍රවුසරය දී ඇති URL එකට ගොනුවක් සොයනු ඇත, ස්ථිතික වෙබ් අඩවි සාමාන්‍යයෙන් ක්‍රියා කරන ආකාරයට. අපගේ ඇප් එකේ එවැනි පිටුවක් නොමැත, මන්ද අපි ඒවා අනුකරණය කරමින් පමණක් සිටින නිසා, යථාර්ථයේදී අපගේ සම්පූර්ණ ඇප් එක ක්‍රියා කරන්නේ index.html එක මත ය.

මෙම ගැටලුව විසඳීම සඳහා, සියලුම URL, යථාර්ථයේ පවතින ගොනු වෙත නොයන, index.html වෙත හරවා යැවිය යුතුය. මෙය සිදු කරනු ලබන්නේ හොස්ටින්ග් එක මත ක්‍රියා කරන වෙබ් සර්වරයේ අංග භාවිතයෙන්.

වර්චුවල් හොස්ටින්ග් PHP මත ක්‍රියා කරයි. සාමාන්‍යයෙන් Apache සර්වරය භාවිතා වේ. එහි විශේෂ ගොනුවක් වන .htaccess ලබා ගත හැකිය, එහි ආධාරයෙන් යළි යොමු කිරීම් සකස් කළ හැකිය.

මෙය සිදු කිරීම සඳහා, ඔබගේ වෙබ් අඩවියේ මූල ඩිරෙක්ටරියේ .htaccess ගොනුව පහත සඳහන් අන්තර්ගතය සමඟ තබා ගත යුතුය:

.htaccessRewriteEngine On
RewriteCond %{REQUEST_FILENAME} !-f
RewriteRule ^ index.html [QSA,L]