সমাধান করা হয়েছে: নেটলিফাই প্রতিক্রিয়ায় পুনঃনির্দেশ

নেটলিফাই রিঅ্যাক্টে রিডাইরেক্টে সমস্যা আছে। যখন আপনি একটি পুনঃনির্দেশ তৈরি করেন, Netlify স্বয়ংক্রিয়ভাবে HTML নথির href এবং পাথ উপাদান আপডেট করার চেষ্টা করে। যাইহোক, এই প্রক্রিয়া কখনও কখনও ভুল বা ভাঙা লিঙ্ক হতে পারে.

আপনি যদি আপনার Netlify রিঅ্যাক্ট প্রকল্পগুলিতে পুনঃনির্দেশ নিয়ে সমস্যার সম্মুখীন হন তবে আমরা href এবং পাথ উপাদানগুলির জন্য স্বয়ংক্রিয় আপডেটগুলি অক্ষম করার পরামর্শ দিই৷ আপনি আপনার প্রকল্পের কনফিগারেশনে নিম্নলিখিত সম্পত্তি সেট করে এটি করতে পারেন:

netlify-react-redirect-auto-update: মিথ্যা

 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 স্ট্যাটাস কোড থাকতে হবে এবং ইউআরএল প্রোপার্টিতে নতুন ইউআরএল থাকা উচিত যা ব্যবহারকারীকে দেখানো হবে।

এখানে একটি সাধারণ রুটের একটি উদাহরণ যা একটি পুনঃনির্দেশ ব্যবহার করে:

'প্রতিক্রিয়া' থেকে প্রতিক্রিয়া আমদানি করুন; 'রিঅ্যাক্ট-রাউটার' থেকে { রুট } আমদানি করুন; 'react-router-dom' থেকে { পুনঃনির্দেশ } আমদানি করুন; const রুট = [ { পথ : '/users/:id' , উপাদান : ব্যবহারকারী তালিকা , শিশু : [ { পথ : '/ যোগ ' , উপাদান : AddUser } , { পথ : '/delete/:id' , উপাদান : DeleteUser } ] }, { পথ : '/users/:id/edit' , উপাদান : EditUserList } ]; রপ্তানি ডিফল্ট রুট। তৈরি করুন ( রুট );