ಪರಿಹರಿಸಲಾಗಿದೆ: ರಿಯಾಕ್ಟ್ ರೂಟರ್ 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 ಅನ್ನು ಹಿಂದಿರುಗಿಸುವ ಅಪ್ಲಿಕೇಶನ್ ಎಂಬ ಕಾರ್ಯವನ್ನು ವ್ಯಾಖ್ಯಾನಿಸುತ್ತದೆ.

// ಸಾಲುಗಳು 5-7: ಈ ಸಾಲುಗಳು ರಿಯಾಕ್ಟ್-ರೂಟರ್-ಡಾಮ್‌ನಿಂದ ರೂಟರ್ ಘಟಕದಲ್ಲಿ ಅಪ್ಲಿಕೇಶನ್ ಘಟಕವನ್ನು ಸುತ್ತುತ್ತವೆ.

// ಸಾಲುಗಳು 8-10: ಈ ಸಾಲುಗಳು ಕ್ರಮವಾಗಿ ಹೋಮ್ ಮತ್ತು ಎಬೌಟ್ ಕಾಂಪೊನೆಂಟ್‌ಗಳಿಗೆ ಎರಡು ಮಾರ್ಗಗಳನ್ನು ವ್ಯಾಖ್ಯಾನಿಸುತ್ತವೆ.

// ಸಾಲು 12: ಬೇರೆ ಯಾವುದೇ ಮಾರ್ಗವು ಹೊಂದಿಕೆಯಾಗದಿದ್ದರೆ ಮುಖಪುಟಕ್ಕೆ ಮರುನಿರ್ದೇಶಿಸುವ ಮಾರ್ಗವನ್ನು ಈ ಸಾಲು ವ್ಯಾಖ್ಯಾನಿಸುತ್ತದೆ.

404 ದೋಷ ಕೋಡ್ ಎಂದರೇನು

ರಿಯಾಕ್ಟ್ ರೂಟರ್‌ನಲ್ಲಿನ 404 ದೋಷ ಕೋಡ್ HTTP ಸ್ಥಿತಿ ಕೋಡ್ ಆಗಿದ್ದು ಅದು ವಿನಂತಿಸಿದ ಸಂಪನ್ಮೂಲವನ್ನು ಕಂಡುಹಿಡಿಯಲಾಗಲಿಲ್ಲ ಎಂದು ಸೂಚಿಸುತ್ತದೆ. ಬಳಕೆದಾರರು ಅಸ್ತಿತ್ವದಲ್ಲಿಲ್ಲದ ಪುಟ ಅಥವಾ ಮಾರ್ಗವನ್ನು ಪ್ರವೇಶಿಸಲು ಪ್ರಯತ್ನಿಸಿದಾಗ ಅದನ್ನು ಸಾಮಾನ್ಯವಾಗಿ ಹಿಂತಿರುಗಿಸಲಾಗುತ್ತದೆ. ಬಳಕೆದಾರರು URL ಅನ್ನು ತಪ್ಪಾಗಿ ಟೈಪ್ ಮಾಡಿದ್ದರೆ ಅಥವಾ ಪುಟವನ್ನು ತೆಗೆದುಹಾಕಿದ್ದರೆ ಅಥವಾ ಅದಕ್ಕೆ ಲಿಂಕ್‌ಗಳನ್ನು ನವೀಕರಿಸದೆ ಸರಿಸಿದ್ದರೆ ಇದು ಸಂಭವಿಸಬಹುದು. ಇದು ಸಂಭವಿಸಿದಾಗ, ರಿಯಾಕ್ಟ್ ರೂಟರ್ ತಮ್ಮ ದೋಷದ ಬಗ್ಗೆ ಬಳಕೆದಾರರಿಗೆ ತಿಳಿಸುವ ಸೂಕ್ತವಾದ ಸಂದೇಶದೊಂದಿಗೆ ಜೆನೆರಿಕ್ 404 ಪುಟವನ್ನು ಪ್ರದರ್ಶಿಸುತ್ತದೆ.

404 ಮರುನಿರ್ದೇಶನ

ರಿಯಾಕ್ಟ್ ರೂಟರ್‌ನಲ್ಲಿ, 404 ಮರುನಿರ್ದೇಶನವು ಬಳಕೆದಾರರು ಅಮಾನ್ಯವಾದ URL ಅನ್ನು ಪ್ರವೇಶಿಸಲು ಪ್ರಯತ್ನಿಸಿದಾಗ ಬೇರೆ ಪುಟಕ್ಕೆ ಮರುನಿರ್ದೇಶಿಸುವ ಮಾರ್ಗವಾಗಿದೆ. ಬಳಕೆದಾರರು ತಪ್ಪಾದ URL ಅನ್ನು ನಮೂದಿಸಿದಾಗ ಅಥವಾ ಅಸ್ತಿತ್ವದಲ್ಲಿಲ್ಲದ ಪುಟವನ್ನು ಪ್ರವೇಶಿಸಲು ಪ್ರಯತ್ನಿಸಿದಾಗ ಉತ್ತಮ ಅನುಭವವನ್ನು ಒದಗಿಸಲು ಇದು ಉಪಯುಕ್ತವಾಗಿರುತ್ತದೆ. 404 ಮರುನಿರ್ದೇಶನವನ್ನು ರಿಯಾಕ್ಟ್ ರೂಟರ್‌ನಿಂದ ಮರುನಿರ್ದೇಶನ ಘಟಕವನ್ನು ಬಳಸಿಕೊಂಡು ಕಾರ್ಯಗತಗೊಳಿಸಬಹುದು, ಇದು ನೀವು ಬಳಕೆದಾರರನ್ನು ಮರುನಿರ್ದೇಶಿಸಲು ಬಯಸುವ ಪುಟದ ಮಾರ್ಗವನ್ನು ನಿರ್ದಿಷ್ಟಪಡಿಸಲು ಅನುಮತಿಸುತ್ತದೆ. ಉದಾಹರಣೆಗೆ, ಯಾರಾದರೂ /invalid-url ಅನ್ನು ಪ್ರವೇಶಿಸಲು ಪ್ರಯತ್ನಿಸಿದರೆ, ನೀವು ಈ ರೀತಿಯ ಮರುನಿರ್ದೇಶನ ಘಟಕವನ್ನು ಬಳಸಬಹುದು: