Netlify React의 리디렉션에 문제가 있습니다. 리디렉션을 만들 때 Netlify는 HTML 문서의 href 및 경로 구성 요소를 자동으로 업데이트하려고 시도합니다. 그러나 이 프로세스로 인해 때때로 링크가 잘못되거나 끊어질 수 있습니다.
Netlify React 프로젝트에서 리디렉션에 문제가 있는 경우 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는 무엇입니까
Netlify는 개발자가 웹 애플리케이션을 구축하고 배포하는 데 도움이 되는 PaaS(Platform as a Service)입니다. 개발자가 단일 명령으로 웹 애플리케이션을 생성, 관리 및 배포할 수 있는 플랫폼을 제공합니다. Netlify는 애플리케이션 모니터링 및 관리를 위한 도구도 제공합니다.
React의 리디렉션
라우터
React Router에서 경로를 생성할 때 따라야 할 리디렉션을 지정할 수 있습니다. 이 리디렉션은 사용자가 경로를 방문할 때 자동으로 발생합니다.
React Router에서 리디렉션을 생성하려면 리디렉션 기능을 사용하십시오. 이 함수는 따라야 할 경로와 사용자가 리디렉션 대상에 도착할 때 호출되는 처리기 함수라는 두 가지 인수를 사용합니다. 핸들러 함수는 status 및 url 이라는 두 가지 속성이 있는 객체를 반환해야 합니다. status 속성에는 리디렉션의 HTTP 상태 코드가 포함되어야 하며 url 속성에는 사용자에게 표시될 새 URL이 포함되어야 합니다.
다음은 리디렉션을 사용하는 간단한 경로의 예입니다.
import React from 'react' ; import { Route } from 'react-router' ; import { Redirect } from 'react-router-dom' ; const route = [ { 경로 : '/users/:id' , 구성 요소 : UserList , children : [ { 경로 : '/add' , 구성 요소 : AddUser }, { 경로 : '/delete/:id' , 구성 요소 : DeleteUser } ] }, { 경로: '/users/:id/edit' , 구성요소: EditUserList } ]; 기본 경로를 내보냅니다. 생성( 경로 );
