தீர்க்கப்பட்டது: நெட்லிஃபை வினையில் திருப்பிவிடப்பட்டது

Netlify React இல் வழிமாற்றுகளில் சிக்கல் உள்ளது. நீங்கள் ஒரு திசைதிருப்பலை உருவாக்கும்போது, ​​HTML ஆவணத்தின் href மற்றும் பாதை கூறுகளை தானாகவே புதுப்பிக்க 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' இலிருந்து {பாதை } இறக்குமதி ; 'react-router-dom' இலிருந்து {Redirect} இறக்குமதி செய்; const routes = [ { path : '/users/:id' , கூறு : பயனர் பட்டியல் , குழந்தைகள் : [ { path : '/add' , கூறு : AddUser }, { path : '/delete/:id' , கூறு : DeleteUser } ] }, {பாதை : '/users/:id/edit' , கூறு : EditUserList } ]; ஏற்றுமதி இயல்புநிலை பாதை . உருவாக்கு (வழிகள்);