내 Asp.Net MVC(Web Api) 애플리케이션의 Azure 웹 앱을 참조하는 Visual Studio 코드에 React 앱이 있습니다. MVC 애플리케이션은 Visual Studio 2017의 .NET Framework 4.7 프로젝트입니다.
간단히 말해서 Visual Studio 코드의 내 반응 앱은 내 Visual Studio 2017 프로젝트에서 성공적으로 게시된 하늘색 웹을 사용하고 있습니다. 이 React 앱은 로컬 호스트에서 잘 작동하며 azure 웹 앱에 액세스하여 GET/POST 세부 정보를 얻을 수 있습니다.
이 React 앱을 azure 웹 앱으로 호스팅하기 위해 Visual Studio 코드의 azure 확장을 통해 새 azure 웹 앱에 배포했습니다(이 작업은 mvc 웹 앱이 있는 동일한 리소스 그룹에서 수행됨). 그러나 반응 앱이 배포된 후 '이 디렉토리 또는 페이지를 볼 수 있는 권한이 없습니다'라는 메시지를 제외하고는 브라우저에서 아무 것도 볼 수 없었습니다.
내 반응 앱에는 web.config가 없었습니다. 반응 앱을 빌드하기 위해 이 기사( https://www.c-sharpcorner.com/article/crud-operations-in-reactjs-with-axios-using-web-api-and-sql-server/ )를 참조했습니다 .
알고 싶습니다 - 여기에 무엇이 빠졌습니까? 배포에 문제가 있습니까? 도움을 주시면 감사하겠습니다.
내 문제를 해결하기 위해 내가 한 일은 다음과 같습니다.
'npm run build' 명령을 실행하여 프로덕션 빌드를 생성했습니다. 일부 메타 데이터 파일이 있는 솔루션에서 빌드 폴더가 생성되었습니다.
반응 앱을 Azure에 배포하는 동안 빌드 폴더를 참조했습니다.
사용된 참조: https://medium.com/@to_pe/deploying-create-react-app-on-microsoft-azure-c0f6686a4321
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다