ಪರಿಹರಿಸಲಾಗಿದೆ: ರಿಯಾಕ್ಟ್ ರೂಟರ್ ಎಲ್ಲವನ್ನೂ ಹಿಡಿಯಲು ಫಾಲ್‌ಬ್ಯಾಕ್ ಸೇರಿಸಿ

ರಿಯಾಕ್ಟ್ ರೂಟರ್‌ಗೆ ಸಂಬಂಧಿಸಿದ ಮುಖ್ಯ ಸಮಸ್ಯೆ ಮತ್ತು ಎಲ್ಲವನ್ನೂ ಹಿಡಿಯಲು ಫಾಲ್‌ಬ್ಯಾಕ್ ಅನ್ನು ಸೇರಿಸುವುದು ಫಾಲ್‌ಬ್ಯಾಕ್ ಮಾರ್ಗವನ್ನು ಸರಿಯಾಗಿ ಕಾನ್ಫಿಗರ್ ಮಾಡುವುದು ಕಷ್ಟಕರವಾಗಿರುತ್ತದೆ. ಫಾಲ್‌ಬ್ಯಾಕ್ ಮಾರ್ಗವನ್ನು ಅದು ಮಾನ್ಯವಾದ ಮಾರ್ಗಗಳನ್ನು ಒಳಗೊಂಡಂತೆ ಎಲ್ಲಾ ವಿನಂತಿಗಳನ್ನು ಕ್ಯಾಚ್ ಮಾಡುವ ರೀತಿಯಲ್ಲಿ ಕಾನ್ಫಿಗರ್ ಮಾಡಬೇಕಾಗಿದೆ. ಕಾನ್ಫಿಗರೇಶನ್ ಅನ್ನು ಸರಿಯಾಗಿ ಮಾಡದಿದ್ದರೆ, ಅಮಾನ್ಯವಾದ ಮಾರ್ಗಗಳಿಗಾಗಿ ವಿನಂತಿಗಳನ್ನು ಫಾಲ್‌ಬ್ಯಾಕ್ ಮಾರ್ಗದಿಂದ ಹಿಡಿಯಲಾಗುವುದಿಲ್ಲ ಮತ್ತು ದೋಷಗಳು ಅಥವಾ ಅನಿರೀಕ್ಷಿತ ನಡವಳಿಕೆಗೆ ಕಾರಣವಾಗಬಹುದು. ಹೆಚ್ಚುವರಿಯಾಗಿ, ಅಪ್ಲಿಕೇಶನ್ ಕ್ರಿಯಾತ್ಮಕ ಮಾರ್ಗಗಳನ್ನು ಹೊಂದಿದ್ದರೆ (ಉದಾಹರಣೆಗೆ, ಬಳಕೆದಾರರ ಇನ್‌ಪುಟ್‌ನ ಆಧಾರದ ಮೇಲೆ), ನಂತರ ಫಾಲ್‌ಬ್ಯಾಕ್ ಮಾರ್ಗವನ್ನು ಕಾನ್ಫಿಗರ್ ಮಾಡುವಾಗ ಇವುಗಳನ್ನು ಗಣನೆಗೆ ತೆಗೆದುಕೊಳ್ಳಬೇಕಾಗುತ್ತದೆ.

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

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

      {/* Fallback route */}
      <Route component={NoMatch} /> 

    </Switch>
  </Router>  
);

// ಲೈನ್ 1: ಈ ಸಾಲು ರಿಯಾಕ್ಟ್-ರೂಟರ್-ಡಾಮ್ ಲೈಬ್ರರಿಯಿಂದ ಬ್ರೌಸರ್ ರೂಟರ್, ರೂಟ್ ಮತ್ತು ಸ್ವಿಚ್ ಘಟಕಗಳನ್ನು ಆಮದು ಮಾಡಿಕೊಳ್ಳುತ್ತದೆ.
// ಲೈನ್ 2: ಈ ಸಾಲು ಒಂದು ಕಾರ್ಯ ಘಟಕವಾದ ಅಪ್ಲಿಕೇಶನ್ ಎಂಬ ಸ್ಥಿರತೆಯನ್ನು ವ್ಯಾಖ್ಯಾನಿಸುತ್ತದೆ.
// ಲೈನ್ 3: ಈ ಸಾಲು ರಿಯಾಕ್ಟ್-ರೂಟರ್-ಡೋಮ್‌ನಿಂದ ರೂಟರ್ ಘಟಕವನ್ನು ನಿರೂಪಿಸುತ್ತದೆ.
// ಸಾಲು 4: ಈ ಸಾಲು ರಿಯಾಕ್ಟ್-ರೂಟರ್-ಡಾಮ್‌ನಿಂದ ಸ್ವಿಚ್ ಘಟಕವನ್ನು ನಿರೂಪಿಸುತ್ತದೆ.
// ಸಾಲುಗಳು 5 ಮತ್ತು 6: ಈ ಸಾಲುಗಳು ಎರಡು ಮಾರ್ಗದ ಘಟಕಗಳನ್ನು ನಿಖರವಾದ ಮಾರ್ಗಗಳೊಂದಿಗೆ ನಿರೂಪಿಸುತ್ತವೆ ಮತ್ತು ಆ ಮಾರ್ಗಗಳು ಹೊಂದಿಕೆಯಾದಾಗ ನಿರೂಪಿಸಬೇಕಾದ ಘಟಕಗಳು.
// ಸಾಲು 8: ಇತರ ಯಾವುದೇ ಮಾರ್ಗಗಳು ಹೊಂದಿಕೆಯಾಗದಿದ್ದರೆ ಈ ಸಾಲು ಫಾಲ್‌ಬ್ಯಾಕ್ ಮಾರ್ಗವನ್ನು ನೀಡುತ್ತದೆ. ಬೇರೆ ಯಾವುದೇ ಮಾರ್ಗಗಳು ಹೊಂದಿಕೆಯಾಗದಿದ್ದಲ್ಲಿ ಇದು NoMatch ಘಟಕವನ್ನು ನಿರೂಪಿಸುತ್ತದೆ.

ರಿಯಾಕ್ಟ್ ರೂಟರ್ ಎಂದರೇನು

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

ಕ್ಯಾಚ್-ಎಲ್ಲಾ ಫಾಲ್ಬ್ಯಾಕ್ ಮಾರ್ಗ

ಕ್ಯಾಚ್-ಆಲ್ ಫಾಲ್‌ಬ್ಯಾಕ್ ಮಾರ್ಗವು ರಿಯಾಕ್ಟ್ ರೂಟರ್‌ನಲ್ಲಿನ ಮಾರ್ಗವಾಗಿದ್ದು ಅದು ಬೇರೆ ಯಾವುದೇ ಮಾರ್ಗಗಳಿಂದ ಹೊಂದಿಕೆಯಾಗದ ಯಾವುದೇ ಮಾರ್ಗಕ್ಕೆ ಹೊಂದಿಕೆಯಾಗುತ್ತದೆ. ಈ ರೀತಿಯ ಮಾರ್ಗವನ್ನು ಸಾಮಾನ್ಯವಾಗಿ 404 ಪುಟವನ್ನು ರಚಿಸಲು ಅಥವಾ ಎಲ್ಲಾ ಸಾಟಿಯಿಲ್ಲದ ಮಾರ್ಗಗಳಿಗೆ ಒಂದು ಘಟಕವನ್ನು ನಿರೂಪಿಸಲು ಬಳಸಲಾಗುತ್ತದೆ. ಕ್ಯಾಚ್-ಆಲ್ ಫಾಲ್‌ಬ್ಯಾಕ್ ಮಾರ್ಗವು ಯಾವಾಗಲೂ ಮಾರ್ಗಗಳ ಪಟ್ಟಿಯಲ್ಲಿ ಕೊನೆಯ ಮಾರ್ಗವಾಗಿರಬೇಕು, ಏಕೆಂದರೆ ಅದು ಯಾವುದೇ ಮಾರ್ಗಕ್ಕೆ ಹೊಂದಿಕೆಯಾಗುತ್ತದೆ ಮತ್ತು ಇತರ ಮಾರ್ಗಗಳನ್ನು ಹೊಂದಾಣಿಕೆಯಾಗದಂತೆ ತಡೆಯುತ್ತದೆ.

ಫಾಲ್ಬ್ಯಾಕ್ ಮಾರ್ಗವನ್ನು ಸರಿಯಾಗಿ ವ್ಯಾಖ್ಯಾನಿಸುವುದು ಹೇಗೆ

ರಿಯಾಕ್ಟ್ ರೂಟರ್ ಅನ್ನು ಬಳಸುವಾಗ, ಫಾಲ್‌ಬ್ಯಾಕ್ ಮಾರ್ಗವು ವಿನಂತಿಸಿದ URL ಗೆ ಬೇರೆ ಯಾವುದೇ ಮಾರ್ಗಗಳು ಹೊಂದಿಕೆಯಾಗದಿದ್ದಾಗ ಬಳಸಲಾಗುವ ಮಾರ್ಗವಾಗಿದೆ. ವಿನಂತಿಸಿದ URL ಅಸ್ತಿತ್ವದಲ್ಲಿಲ್ಲದಿದ್ದಾಗ ಬಳಕೆದಾರರನ್ನು 404 ಪುಟ ಅಥವಾ ಇತರ ಕೆಲವು ಪುಟಕ್ಕೆ ಮರುನಿರ್ದೇಶಿಸಲು ಇದನ್ನು ಸಾಮಾನ್ಯವಾಗಿ ಬಳಸಲಾಗುತ್ತದೆ.

ರಿಯಾಕ್ಟ್ ರೂಟರ್‌ನಲ್ಲಿ ಫಾಲ್‌ಬ್ಯಾಕ್ ಮಾರ್ಗವನ್ನು ಸರಿಯಾಗಿ ವ್ಯಾಖ್ಯಾನಿಸಲು, ನೀವು ಮೊದಲು ಎ ಅನ್ನು ರಚಿಸಬೇಕು ಘಟಕ ಮತ್ತು ಅದನ್ನು ನಿಮ್ಮ ಮಾರ್ಗಗಳ ಸುತ್ತಲೂ ಕಟ್ಟಿಕೊಳ್ಳಿ. ಒಳಗೆ ಘಟಕ, ನೀವು ನಿಮ್ಮ ಸಾಮಾನ್ಯ ಮಾರ್ಗಗಳನ್ನು ಅನುಸರಿಸಬೇಕು a ಯಾವುದೇ ಮಾರ್ಗವನ್ನು ನಿರ್ದಿಷ್ಟಪಡಿಸದ ಘಟಕ. ಇದು ನಿಮ್ಮ ಫಾಲ್‌ಬ್ಯಾಕ್ ಮಾರ್ಗವಾಗಿರುತ್ತದೆ ಮತ್ತು ನಿಮ್ಮ ಯಾವುದೇ ಇತರ ಮಾರ್ಗಗಳಿಗೆ ಹೊಂದಿಕೆಯಾಗದ ಯಾವುದೇ ವಿನಂತಿಗಳನ್ನು ಹಿಡಿಯುತ್ತದೆ. 404 ಪುಟಕ್ಕೆ ಮರುನಿರ್ದೇಶಿಸುವುದು ಅಥವಾ ಇತರ ವಿಷಯವನ್ನು ಪ್ರದರ್ಶಿಸುವಂತಹ ಈ ಮಾರ್ಗವು ಹೊಂದಾಣಿಕೆಯಾದಾಗ ಏನಾಗಬೇಕು ಎಂಬುದನ್ನು ನೀವು ನಂತರ ನಿರ್ದಿಷ್ಟಪಡಿಸಬಹುದು.

ಏಕೆ ಫಾಲ್ಬ್ಯಾಕ್ ಮಾರ್ಗವು ಯಾವಾಗಲೂ ಪ್ರಚೋದಿಸಲ್ಪಡುತ್ತದೆ

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