தீர்க்கப்பட்டது: ரியாக்ட் ரூட்டர் 404 திசைதிருப்பல்

ரியாக்ட் ரூட்டர் 404 திசைதிருப்பலுடன் தொடர்புடைய முக்கிய பிரச்சனை என்னவென்றால், அதை செயல்படுத்துவது கடினமாக இருக்கும். ரியாக்ட் ரூட்டரில் உள்ளமைக்கப்பட்ட 404 பக்கம் இல்லாததால், டெவலப்பர்கள் 404 பக்கத்திற்கான வழியை கைமுறையாக உருவாக்கி, ஏற்கனவே உள்ள வழியுடன் பொருந்தாத கோரிக்கைகளை திசைதிருப்ப ரூட்டரை உள்ளமைக்க வேண்டும். இதற்கு கூடுதல் குறியீடு மற்றும் உள்ளமைவு தேவைப்படுகிறது, இது நேரத்தை எடுத்துக்கொள்ளும் மற்றும் ஏதேனும் தவறு நடந்தால் பிழைத்திருத்தம் செய்வது கடினம். கூடுதலாக, பயனர்கள் இல்லாத URLக்கு நேரடியாகச் சென்றால், அவர்கள் 404 பக்கத்திற்குத் திருப்பிவிடப்படுவதற்குப் பதிலாக பிழைப் பக்கத்தைப் பார்ப்பார்கள்.

import { BrowserRouter as Router, Route, Switch } from "react-router-dom";

const App = () => (
  <Router>
    <Switch>
      <Route exact path="/" component={Home} />
      <Route exact path="/about" component={About} />

      {/* 404 Redirect */}
      <Route render={() => (<Redirect to="/" />)} /> 

    </Switch>
  </Router>  
);

// வரி 1: இந்த வரி ரியாக்ட்-ரவுட்டர்-டோம் நூலகத்திலிருந்து உலாவி ரூட்டர், ரூட் மற்றும் ஸ்விட்ச் கூறுகளை இறக்குமதி செய்கிறது.

// வரி 3: இந்த வரியானது JSX ஐ வழங்கும் App எனப்படும் செயல்பாட்டை வரையறுக்கிறது.

// வரிகள் 5-7: இந்த வரிகள் ரியாக்ட்-ரவுட்டர்-டோமில் இருந்து ஒரு ரூட்டர் பாகத்தில் பயன்பாட்டு கூறுகளை மடிக்கின்றன.

// வரிகள் 8-10: இந்த வரிகள் முறையே முகப்பு மற்றும் பற்றி கூறுகளுக்கு இரண்டு வழிகளை வரையறுக்கின்றன.

// வரி 12: வேறு எந்த வழியும் பொருந்தவில்லை என்றால், முகப்புப் பக்கத்திற்குத் திருப்பிவிடும் வழியை இந்த வரி வரையறுக்கிறது.

404 பிழைக் குறியீடு என்றால் என்ன

ரியாக்ட் ரூட்டரில் உள்ள 404 பிழைக் குறியீடு என்பது HTTP நிலைக் குறியீடாகும், இது கோரப்பட்ட ஆதாரத்தைக் கண்டறிய முடியவில்லை என்பதைக் குறிக்கிறது. பயனர்கள் இல்லாத பக்கம் அல்லது வழியை அணுக முயலும் போது அது வழக்கமாக திருப்பி அனுப்பப்படும். பயனர் தவறாக URL ஐத் தட்டச்சு செய்தாலோ அல்லது பக்கம் அகற்றப்பட்டாலோ அல்லது அதற்கான இணைப்புகளைப் புதுப்பிக்காமல் நகர்த்தினாலோ இது நிகழலாம். இது நிகழும்போது, ​​ரியாக்ட் ரூட்டர் ஒரு பொதுவான 404 பக்கத்தைக் காண்பிக்கும், அது பயனருக்கு அவர்களின் பிழையைத் தெரிவிக்கும்.

404 திருப்பி விடு

ரியாக்ட் ரூட்டரில், 404 வழிமாற்று என்பது தவறான URL ஐ அணுக முயற்சிக்கும் போது, ​​பயனர்கள் வேறு பக்கத்திற்கு திருப்பி விடுவதற்கான ஒரு வழியாகும். பயனர்கள் தவறான URL ஐ உள்ளிடும்போது அல்லது இல்லாத பக்கத்தை அணுக முயலும்போது சிறந்த அனுபவத்தை வழங்க இது பயனுள்ளதாக இருக்கும். 404 திசைதிருப்பலை ரியாக்ட் ரூட்டரிலிருந்து திசைதிருப்பும் கூறுகளைப் பயன்படுத்தி செயல்படுத்தலாம், இது பயனரை நீங்கள் திருப்பிவிட விரும்பும் பக்கத்தின் பெயரைக் குறிப்பிட அனுமதிக்கிறது. எடுத்துக்காட்டாக, யாரேனும் /invalid-urlஐ அணுக முயற்சித்தால், நீங்கள் இது போன்ற வழிமாற்று கூறுகளைப் பயன்படுத்தலாம்: