NuagSnap - NUXT JS deploy 不了!?

in hive-105017 •  2 months ago 

早前的一個文章說了要學用一下當下最火最熱的NUXT JS。

NuagSnap - 還是要學一下 Nuxt JS & Vue JS

如前文所說,

Nuxt 是 Vue 的威力加強簡化版,差不多就是化繁為簡,替你除去微細易錯的小細節,讓你可以專心放在功能上的設計。初用了一會,果然很易上手,很多原本在 React 必須 set up 的 如 routing, code spliting 等,都是 Nuxt 一早給你準備好了,就像你在煮食中,有人給你切好材料,隻等你炒菜,省下好多時間。

可是好寫,卻不代表好 deploy 。

正當我寫到有一點 function後,需要 deploy 到 heroku 來給同伴們看一下給建議。

沒想到 deploy 到 Heroku 卻一直遇到 Application Error.

image.png

正當我苦思細想後,朋友給我發了一條連結。

https://nuxtjs.org/faq/heroku-deployment/

沒想到,原來 nuxt js 有自己一套 heroku deployment 的 config settings。

要事先設下一些 Config Vars

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

再來是要新增一個 Procfile 的檔到根目錄, 裡面必須寫上 web: nuxt start

Authors get paid when people like you upvote their post.
If you enjoyed what you read here, create your account today and start earning FREE STEEM!