ಪರಿಹರಿಸಲಾಗಿದೆ: ನೆಟ್ಲಿಫೈ ಪ್ರತಿಕ್ರಿಯೆಯಲ್ಲಿ ಮರುನಿರ್ದೇಶನ

Netlify React ನಲ್ಲಿ ಮರುನಿರ್ದೇಶನಗಳಲ್ಲಿ ಸಮಸ್ಯೆ ಇದೆ. ನೀವು ಮರುನಿರ್ದೇಶನವನ್ನು ರಚಿಸಿದಾಗ, HTML ಡಾಕ್ಯುಮೆಂಟ್‌ನ href ಮತ್ತು ಪಾಥ್ ಘಟಕಗಳನ್ನು ಸ್ವಯಂಚಾಲಿತವಾಗಿ ನವೀಕರಿಸಲು Netlify ಪ್ರಯತ್ನಿಸುತ್ತದೆ. ಆದಾಗ್ಯೂ, ಈ ಪ್ರಕ್ರಿಯೆಯು ಕೆಲವೊಮ್ಮೆ ತಪ್ಪಾದ ಅಥವಾ ಮುರಿದ ಲಿಂಕ್‌ಗಳಿಗೆ ಕಾರಣವಾಗಬಹುದು.

ನಿಮ್ಮ Netlify ರಿಯಾಕ್ಟ್ ಪ್ರಾಜೆಕ್ಟ್‌ಗಳಲ್ಲಿ ಮರುನಿರ್ದೇಶನಗಳೊಂದಿಗೆ ನೀವು ಸಮಸ್ಯೆಗಳನ್ನು ಎದುರಿಸುತ್ತಿದ್ದರೆ, href ಮತ್ತು ಪಥ ಘಟಕಗಳಿಗಾಗಿ ಸ್ವಯಂಚಾಲಿತ ನವೀಕರಣಗಳನ್ನು ನಿಷ್ಕ್ರಿಯಗೊಳಿಸಲು ನಾವು ಶಿಫಾರಸು ಮಾಡುತ್ತೇವೆ. ನಿಮ್ಮ ಪ್ರಾಜೆಕ್ಟ್‌ನ ಕಾನ್ಫಿಗರೇಶನ್‌ನಲ್ಲಿ ಈ ಕೆಳಗಿನ ಆಸ್ತಿಯನ್ನು ಹೊಂದಿಸುವ ಮೂಲಕ ನೀವು ಇದನ್ನು ಮಾಡಬಹುದು:

netlify-react-redirect-auto-update: false

 app

In your React app, you can redirect to a different page using the Redirect component from React Router.

import { Redirect } from 'react-router-dom'; class App extends React.Component { render() { return ( <div> <Redirect to="/new-page" /> </div> ); } }

ನೆಟ್ಲಿಫೈ ಎಂದರೇನು

Netlify ವೆಬ್ ಅಪ್ಲಿಕೇಶನ್‌ಗಳನ್ನು ನಿರ್ಮಿಸಲು ಮತ್ತು ನಿಯೋಜಿಸಲು ಡೆವಲಪರ್‌ಗಳಿಗೆ ಸಹಾಯ ಮಾಡುವ ಸೇವೆಯಾಗಿ (PaaS) ವೇದಿಕೆಯಾಗಿದೆ. ಡೆವಲಪರ್‌ಗಳಿಗೆ ಒಂದೇ ಆಜ್ಞೆಯೊಂದಿಗೆ ವೆಬ್ ಅಪ್ಲಿಕೇಶನ್‌ಗಳನ್ನು ರಚಿಸಲು, ನಿರ್ವಹಿಸಲು ಮತ್ತು ನಿಯೋಜಿಸಲು ಇದು ವೇದಿಕೆಯನ್ನು ಒದಗಿಸುತ್ತದೆ. Netlify ಅಪ್ಲಿಕೇಶನ್‌ಗಳನ್ನು ಮೇಲ್ವಿಚಾರಣೆ ಮಾಡಲು ಮತ್ತು ನಿರ್ವಹಿಸಲು ಸಾಧನಗಳನ್ನು ಸಹ ಒದಗಿಸುತ್ತದೆ.

ರಿಯಾಕ್ಟ್‌ನಲ್ಲಿ ಮರುನಿರ್ದೇಶನಗಳು

ರೂಟರ್

ರಿಯಾಕ್ಟ್ ರೂಟರ್‌ನಲ್ಲಿ ನೀವು ಮಾರ್ಗವನ್ನು ರಚಿಸಿದಾಗ, ಅನುಸರಿಸಲು ನೀವು ಮರುನಿರ್ದೇಶನವನ್ನು ನಿರ್ದಿಷ್ಟಪಡಿಸಬಹುದು. ಬಳಕೆದಾರರು ಮಾರ್ಗವನ್ನು ಭೇಟಿ ಮಾಡಿದಾಗ ಈ ಮರುನಿರ್ದೇಶನವು ಸ್ವಯಂಚಾಲಿತವಾಗಿ ಸಂಭವಿಸುತ್ತದೆ.

ರಿಯಾಕ್ಟ್ ರೂಟರ್‌ನಲ್ಲಿ ಮರುನಿರ್ದೇಶನವನ್ನು ರಚಿಸಲು, ಮರುನಿರ್ದೇಶನ ಕಾರ್ಯವನ್ನು ಬಳಸಿ. ಈ ಕಾರ್ಯವು ಎರಡು ಆರ್ಗ್ಯುಮೆಂಟ್‌ಗಳನ್ನು ತೆಗೆದುಕೊಳ್ಳುತ್ತದೆ: ಅನುಸರಿಸಬೇಕಾದ ಮಾರ್ಗ ಮತ್ತು ಮರುನಿರ್ದೇಶನ ಗಮ್ಯಸ್ಥಾನಕ್ಕೆ ಬಳಕೆದಾರರು ಬಂದಾಗ ಅದನ್ನು ಕರೆಯಲಾಗುವ ಹ್ಯಾಂಡ್ಲರ್ ಕಾರ್ಯ. ಹ್ಯಾಂಡ್ಲರ್ ಕಾರ್ಯವು ಎರಡು ಗುಣಲಕ್ಷಣಗಳೊಂದಿಗೆ ವಸ್ತುವನ್ನು ಹಿಂತಿರುಗಿಸಬೇಕು: ಸ್ಥಿತಿ ಮತ್ತು url . ಸ್ಥಿತಿ ಆಸ್ತಿಯು ಮರುನಿರ್ದೇಶನದ HTTP ಸ್ಥಿತಿ ಕೋಡ್ ಅನ್ನು ಹೊಂದಿರಬೇಕು ಮತ್ತು url ಆಸ್ತಿಯು ಬಳಕೆದಾರರಿಗೆ ಪ್ರದರ್ಶಿಸಲಾಗುವ ಹೊಸ URL ಅನ್ನು ಹೊಂದಿರಬೇಕು.

ಮರುನಿರ್ದೇಶನವನ್ನು ಬಳಸುವ ಸರಳ ಮಾರ್ಗದ ಉದಾಹರಣೆ ಇಲ್ಲಿದೆ:

ಆಮದು ಪ್ರತಿಕ್ರಿಯೆ 'ಪ್ರತಿಕ್ರಿಯೆ' ; 'ರಿಯಾಕ್ಟ್-ರೂಟರ್' ನಿಂದ ಆಮದು {ಮಾರ್ಗ } ; 'react-router-dom' ನಿಂದ ಆಮದು { ಮರುನಿರ್ದೇಶನ } ; const routes = [ { path : '/users/: id' , ಘಟಕ : ಬಳಕೆದಾರರ ಪಟ್ಟಿ , ಮಕ್ಕಳು : [ { path : '/add' , ಘಟಕ : AddUser }, { path : '/delete/:id' , ಘಟಕ : DeleteUser } ] }, { path : '/users/:id/edit' , ಘಟಕ : EditUserList } ]; ಡೀಫಾಲ್ಟ್ ಮಾರ್ಗವನ್ನು ರಫ್ತು ಮಾಡಿ. ರಚಿಸಿ (ಮಾರ್ಗಗಳು);