결론

Heroku를 사용하여 Laravel + Vue.js로 만든 앱을 배포하려면 빌드 팩이 필요합니다.

빌드 팩은 Heroku에서 설정할 수 있습니다.
이 기사에서와 같이 Laravel + Vue.js로 구성된 앱을 배포하려면
'node.js'
그리고
'php'
이상 2개의 Build Pack을 도입할 필요가 있다.

이 순서를 밟지 않으면 Heroku상에서의 Build를 할 수 없기 때문인지, 화면이 새하얀 채로 있다.

htps // // 천. v / 시모 타로 오 / 아 rc c / s / 8896 에다 f30f57d
↑ 참고로 해 주신 기사, SEO의 사정이나 발견하기 어렵지만,
알기 쉽기 때문에 꼭 보시고 싶다.

본 기사에 대하여

최근에는 PHP라고 하면 Laravel, Laravel의 프런트 엔드라고 하면 Vue.js라는 풍조가 강해지고 있다.
그런 초보자가 "자작 앱을 공개하고 싶다!!"라고 생각했을 때, 먼저 생각하는 것은
Heroku에서의 배포입니다.

그러나 Heroku를 사용하는 데주의를 기울여야 할 수도 있습니다.
그것은

거의 영어로 쓰여져 있다.

어느 정도 인프라와 빌드 (특히 Vue.js를 사용하는 경우)에 대한 조예가 필수적입니다.

이다. 세상 일반 이미지만큼 '초보자용'이 아니다.

그런 사정도 있었는지 "Heroku에서 Laravel + Vue.js의 앱을 배포하는 방법"에 대해
알고 싶다는 요구는 있는 것 같고, 몇가지 알기 쉬운 기사를 발견했다.

다만,

배포하려고하면 화면이 새하얗게되었습니다.

라는 나 같은 사례는 좀처럼 발견되지 않았다.

이런 사건을 나는 일단 해결했지만, 만약을 위해 똑같이 곤란한 분이 있을지도 모른다고 생각하고 집필한 대로이다.

대처법

Heroku에 로그인한 후 대상 애플리케이션의 Settings 탭을 누릅니다.
그리고 잠시 스크롤하면


↑와 같이 Buildpacks라는 항목이 표시됩니다.
사용 환경에 맞게 Add buildpacks에서 추가가 가능하다.

그건 그렇고, 내가 배포하려고 시도한 응용 프로그램은 Vue.js + Laravel이었기 때문에 위와 같은 구성입니다.

P.S

이번 예에 한하지 않고, 「개발 환경에서 잘 되고 있던 것이 프로덕션 환경에서 잘 되지 않는다」 때는, 개발 환경에 있어서 프로덕션 환경에서 준비되어 있지 않은 요소를 씻어내는 것이 불가결하다고 생각한다.
어두운 구름에 "구구루"보다 모처럼 잘 된 사례 (개발 환경)가 있기 때문에, 프로덕션 환경과 비교하는 것이 단시간에 해결을 기대할 수있을 것이다 (특히 자작 앱에서는 참고가되고 또한 유용한 정보를 모으는 것은 어렵다).

또, webpack 등 빌드 툴을 이용해 개발을 진행해 놓고 프로덕션 환경에서 빌드가 필요하다는 것을 깨닫지 못한 분은, 재차 JavaScript의 역사 등으로부터 다시 하는 것을 추천한다.
※나를 포함하여

현대에서는, 동영상으로 배울 수 있는 일도 많기 때문에 노력해 갑시다!!
htps //w w. 요츠베. 이 m/pぁyぃst? st = PLwM1-T-4 SV6에서 s4 ~ 51 p6XzTfB

그럼

이상