PHP හොස්ටින්ග් එකක React Router
ඔබ දැනටමත් දන්නා පරිදි, එකතු කිරීමෙන් පසු React ව්යාපෘතිය නියෝජනය කරන්නේ සාමාන්ය ස්ටැටික් අන්තර්ගතයක් ලෙසින්, එය ඕනෑම හොස්ටින්ග් එකකට උඩුගත කළ හැකි, හා එහි වහාම ක්රියා කරනු ඇත.
කෙසේවෙතත්, React Router සමඟ ගැටළුවක් පවතී. කාරණය නම්, Router ක්රියා කරන විට � බ්රවුසරයේ පිටු වල URL වෙනස් කරයි. මෙම අවස්ථාවේදී, පිටුව යථාර්ථයේ නැවත අවුරුද්ද නොවී, යJavaScript ආධාරයෙන් URL පමණක් වෙනස් වේ.
හොස්ටින්ග් එකක උඩුගත කරන ලද වෙබ් අඩවියක,
Router ක්රියා කරනු ඇත. නමුත්, ප්රධාන පිටුව හැර
වෙබ් අඩවියේ වෙනත් පිටුවක සිටගෙන,
එය නැවත අවුරුද්දන්නේ නම්, 404
දෝෂයක් පෙන්වනු ඇත.
මෙය තාර්කිකය, මන්ද බ්රවුසරය
දී ඇති URL එකට ගොනුවක් සොයනු ඇත,
ස්ථිතික වෙබ් අඩවි සාමාන්යයෙන් ක්රියා කරන ආකාරයට.
අපගේ ඇප් එකේ එවැනි පිටුවක්
නොමැත, මන්ද අපි ඒවා අනුකරණය කරමින් පමණක් සිටින නිසා,
යථාර්ථයේදී අපගේ සම්පූර්ණ
ඇප් එක ක්රියා කරන්නේ index.html එක මත ය.
මෙම ගැටලුව විසඳීම සඳහා, සියලුම URL,
යථාර්ථයේ පවතින ගොනු වෙත නොයන,
index.html වෙත හරවා යැවිය යුතුය.
මෙය සිදු කරනු ලබන්නේ
හොස්ටින්ග් එක මත ක්රියා කරන වෙබ් සර්වරයේ
අංග භාවිතයෙන්.
වර්චුවල් හොස්ටින්ග් PHP මත ක්රියා කරයි.
සාමාන්යයෙන් Apache සර්වරය භාවිතා වේ.
එහි විශේෂ ගොනුවක් වන .htaccess ලබා ගත හැකිය,
එහි ආධාරයෙන්
යළි යොමු කිරීම් සකස් කළ හැකිය.
මෙය සිදු කිරීම සඳහා, ඔබගේ වෙබ් අඩවියේ
මූල ඩිරෙක්ටරියේ .htaccess ගොනුව
පහත සඳහන් අන්තර්ගතය සමඟ තබා ගත යුතුය:
RewriteEngine On
RewriteCond %{REQUEST_FILENAME} !-f
RewriteRule ^ index.html [QSA,L]
React Router සමඟ ව්යාපෘතියක් සාදන්න.
එය හොස්ටින්ග් එකට උඩුගත කරන්න. සහතික වන්න කෙලින්ම රවුටින් ක්රියා නොකරන බවට.
.htaccess ගොනුව භාවිතයෙන්
ගැටළුව නිරාකරණය කරන්න.
