Nuxt note

[larrykkk]

1. fontawesome icon 剛開始很大然後才變小的問題 Icons load incorrectly (very large) in server side when using library.add (Nuxt.js) FortAwesome/vue-fontawesome#14
2. 在 Nuxt 中可以自定義 error page 的 layout
   作法:

• 在 layouts 中新增一個檔案叫 error.vue
• 使用 yarn dev 開啟開發模式
• 打開 .nuxt/components/nuxt-error.vue 複製全部內容
• 貼到步驟 1 的檔案中

3.nuxt 換頁
https://stackoverflow.com/questions/54531166/vuetify-ssr-pagination

4. 外部網路開啟
   https://stackoverflow.com/questions/55236594/nuxtjs-expose-localhost-to-external-doesnt-work
   https://zh.nuxtjs.org/faq/host-port/

5. api 依賴注入 控制反轉
   https://codesandbox.io/s/nuxt-axios-api-rsfuf

6. Authentication
   // trust
   https://github.com/nuxt/docs/blob/master/zh/examples/auth-external-jwt.md

7. cookie 增刪查
   https://stackoverflow.com/questions/14573223/set-cookie-and-get-cookie-with-javascript
   刪除的成功方式
   https://stackoverflow.com/questions/5688491/unable-to-delete-cookie-from-javascript

8. 使用 cookie 當作登入機制的 cors 設定
   https://yu-jack.github.io/2019/06/02/ajax-with-session/

9. 設定 head
   How to set head from asyncData? nuxt/nuxt#1086
   https://stackoverflow.com/questions/47864147/how-do-i-configure-dynamic-og-tags-in-nuxt-js-vue-js

10.編譯很慢怎辦?
nuxt/nuxt#5131 (comment)
https://imgur.com/xwetpiE

11. Nuxt Warning
    The command 'nuxt build' finished but did not exit after 5s
    upgrade nuxt.js from v.1.4.5 to v2.4.5 and the setInterval problem nuxt/nuxt#5271
    do not use created()

12. pm2 start

for development

pm2 start -i 4 npm --name "nuxt" -- run dev

for production

npm run build
pm2 start -i 4 npm --name "nuxt" -- run start

13. Duplicated Meta tags?
    https://nuxtjs.org/faq/duplicated-meta-tags/

[larrykkk]

https://stackoverflow.com/questions/53993890/how-to-pass-env-variables-to-nuxt-in-production/56087846

[larrykkk]

https://stackoverflow.com/questions/43017928/nuxt-js-howto-configure-production-development-settings

[larrykkk]

nuxt/nuxt#1789

[larrykkk]

https://www.cnblogs.com/djjlovedjj/p/10268253.html

[larrykkk]

https://codingluka.com/web-foundation-the-different-of-cookie-and-session/

[larrykkk]

https://blog.lichter.io/
部落格

[larrykkk]

know issue nuxt/nuxt#4008
asyncData fire twice

[larrykkk]

我在 nuxt 踩的雷 ----- 登入

[larrykkk]

npm install -g pm2
pm2 start -i 4 npm --name "xxxx" -- run start
pm2 list
pm2 startup
pm2 save

[larrykkk]

Errors

render function or template not defined in component: anonymous
使用 @nuxt/router 下不可使用 component: () => import('@/pages/frontstage/Home.vue'), 寫法
請看作者給出的答案