Heroku의 Nuxtjs

저는 node.js에서 Nuxtjs 애플리케이션을 개발해 왔습니다. 로컬 컴퓨터에서 앱을 개발했습니다. 클라이언트는 서버에 약간의 공간을 허용하기 전에 제대로 작동하는지 확인해야 했기 때문에 작동 방식을 보여줄 솔루션을 찾아야 했습니다. 그리고 전에 그것을 테스트합니다.

이 범위의 경우 Heroku에 두는 것이 좋다는 것을 알았습니다. 이렇게 하면 우리 도시에 없는 클라이언트가 웹 애플리케이션을 테스트할 수 있습니다.

Nuxtjs가 Vue.js 프레임워크를 기반으로 한다는 것을 알고 계실 것입니다. https://nuxtjs.org/에서 그것이 무엇이고 어떻게 작동하는지에 대한 자세한 내용을 볼 수 있습니다.

Heroku는 회사에 앱을 구축, 제공, 모니터링 및 확장할 수 있는 가능성을 제공하는 클라우드/PaaS 플랫폼이라는 것을 알고 계실 것입니다. 우리는 모든 인프라 문제를 우회하여 아이디어에서 URL로 이동하는 가장 빠른 방법입니다. 그리고 무료 DYNO를 받아 애플리케이션을 배포할 수 있습니다. 그리고 이것은 Heroku에서 가장 좋은 것입니다.

Heroku와 내 앱에 대한 내 도전으로 돌아가 봅시다. 내 앱용 dyno를 만들고 그 위에 코드를 넣었습니다. 먼저 master 브랜치에 git으로 코드를 푸시했는데,

$ git push heroku master

dyno가 앱을 배포하기 시작했지만 다음 오류가 발생했습니다.



그러다가 git의 master/main 문제 때문에 벌어지는 일이라고 생각했다. 그런 다음 실행합니다.

$ git push heroku master:main

그러나 문제는 지속되었습니다. 그리고 나는 이것을 찾았습니다 Stackoversflow - Delete package-lock.son can solve your problem . 그래서 package-lock.json 파일을 삭제했더니 오류가 사라졌습니다. 그러나 나는 여전히 문제가 있었다. 코드 배포로 인해 앱에서 오류가 발생했습니다. 나는 더 파야했다.

package.json에는 다음이 있습니다.



그런 다음 다음을 추가했습니다. "dev": "NUXT_PORT=process.env.PORT nuxt", s.u.



그리고 그것은 충분하지 않았습니다. 내가 실행하는 heroku concole:

$ heroku config:set NPM_CONFIG_PRODUCTION=false

그리고

$ heroku config:set HOST=0.0.0.0
$ heroku config:set NODE_ENV=production

그런 다음 package.json에 다음 줄을 추가했습니다.
"heroku-postbuild": "npm run build"
그리고 나는 이것을 실행
$ git push heroku master:main
배포가 잘 되어서 이제 앱을 실행하고 있습니다.

최신:

Heroku는 더 이상 무료가 아닙니다. 이것은 약간 슬프다.