Netlify에서 react-router-dom을 사용하여 내 반응 앱을 무료로 호스팅 할 수 있습니까?

Jan 12 2021

내 프로젝트 :

React (저는 create-react-app라이브러리를 사용 합니다)
- , & 가져 오기를 사용 react-router-dom하여 사용하십시오 . 이렇게하면 다른 URL로 이동할 수 있습니다. 예를 들어 localhost에서 내 앱을 실행할 때 집에 있습니다. 내 앱의 기능 중 일부는 URL을 임의로 생성하는 것입니다 (예 : 또는 .BrowserRouterRouteSwitchlocalhost3000localhost3000/123456localhost3000/654321
Firebase의 실시간 데이터베이스에서 데이터베이스를 변경하고 Firebase의 인증을 사용합니다.

내가 필요한 것:

무료 :이 앱은 포트폴리오 작품이므로 .NET 을 사용할react-router-dom 수있는 도메인 이름 만 있으면됩니다 . 예를 들어, www.anyname.com집 www.anyname/123456.com이며 내 경로 중 하나입니다.
Not-free : 내가 원하는 것을 무료로 얻을 수있는 능력이 없다면 도메인 이름을 구입하게되어 기쁘고 이에 대해 어떻게 할 수 있는지 제안 해 주시면 감사하겠습니다.

내가 조사한 내용 :

Netlify가 나에게 제안되었습니다. 나는 그것이 도메인 이름의 일부를 변경할 수있는 능력을 제공한다는 것을 알고 있지만 그것이 내 '경로'를 표시 할 것인지 모르겠습니다. 예를 들어 ( nameofmychoosing.netlify.app집 nameofmychoosing/123456.netlify.app이고 내 경로 중 하나입니다-이것이 작동할까요?).

추신이 질문을 게시하기에 적합한 장소가 아니라면 올바른 종류의 포럼으로 안내해 주시면 대단히 감사하겠습니다.

편집 : 방금 이것 과 이것 과 함께 작동하도록 netlify를 얻으려면 약간의 수정이 필요하다는 것을 발견 했습니다react-router-dom .

답변

1 Deadron Jan 12 2021 at 01:04

코드를 실행중인 웹 페이지의 URL을 자유롭게 변경할 수 있습니다. 유일한 결과는 상대 URL의 동작과 페이지가 다시로드 될 때 발생하는 것입니다. 대부분의 자체 호스팅 환경에서는 도메인 뒤에 오는 모든 것을 자유롭게 변경할 수 있습니다. 전의https://www.example.com/yourrouteshere 또는 또한 사용 https://www.example.com/page#Yourrouteshere. 명심해야 할 점은 사용자가 페이지를 새로 고침하는 경우 백엔드가 여전히 적절한 응답을 제공해야한다는 것입니다. 이는 백엔드가 URL 경로에 관계없이 항상 동일한 것을 반환하거나 사용 사례에 따라 다른 것을 제공한다는 것을 의미 할 수 있습니다.

이상한 사용 사례를 위해 여러 호스트 이름을 사용하는 이상한 설정이없는 경우 도메인 자체를 수정해서는 안됩니다.

애플리케이션이 실행되면 기존 호스트로 전달할 CNAME 속성을 사용하여 DNS 레코드를 설정하는 것을 고려할 수 있습니다.

tonitone120 Jan 13 2021 at 00:14

내가 Netlify으로, 수 있어요, 호스트의 무료 메이크업 사용하기 위해 응용 프로그램 반응의 나 react-router-dom라는 파일 생성) 난에 의해 _redirects폴더에 어디에 .html삶과 II)에 삽입 _redirects: /* /index.html 200.

비슷한 SO 질문 및 답변을 이미 있습니다 여기에 내가 내 질문을 링크 할 거라고는. 나는 그것을하는 방법을 모르기 때문에 누군가 내게 보여줄 수 있다면 감사 할 것입니다.