3

react.js 기반 SPA를 만들고 있는데 방문 페이지가 시작됩니다. 정적 방문 페이지에는 전체 SPA로 연결되는 작업 버튼이 있어야합니다.Azure App Service + CDN에 react.js 기반 SPA를 배포하는 방법은 무엇입니까?

AWS의 경우 단순히 S3 및 Cloudfront를 사용하여 완료되었으며 Cloudfront는 404의 사용자 정의 오류 페이지로 라우팅 할 수 있음을 알게되었습니다. 즉,이를 처리하는 데 서버 코드가 필요하지 않으며 일부 서버 자원을 확보 할 수 있습니까?

그러나 Azure의 경우, 나는 그러한 아키텍처를 모방하는 방법을 확신하지 못합니다. Blob 저장소를 사용하여 SPA 및 방문 페이지를 저장해야한다고 생각하지만 Cloudfront의 기능을 어떻게 모방 할 수 있습니까? Azure CDN으로 충분합니까? 감사!

+0

https://blogs.msdn.microsoft.com/azureossds/2015/11/28/creating-an-angularjs-single-page-application-with-routes-on-azure-webapps/ – Luther

답변

3

Azure CDN은 Web Apps를 캐시하도록 지원합니다.

SPA 및 사용자 지정 라우팅 규칙과 404 오류 페이지를 사용하여 간단한 Azure 웹 응용 프로그램을 빌드 할 수 있습니다. 그런 다음 Azure CDN을 만들고 Origin typeweb app으로 구성하고 Origin 호스트 이름 드롭 다운에서 원본 도메인을 선택하거나 입력하십시오.

enter image description here

당신은 자세한 단계 https://azure.microsoft.com/en-us/documentation/articles/cdn-create-new-endpoint/를 참조 할 수 있습니다.

관련 문제