NuagSnap - NUXT JS deploy 不了!?

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

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

如前文所說，

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

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

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

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

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

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