nuxt-client-init-module を使ã£ã¦ Nuxt.js ã«ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰é™å®šã®åˆæœŸåŒ–処ç†ã‚’è¿½åŠ ã™ã‚‹ - Qiitaã¯ã˜ã‚ã« Nuxt.js(以下 Nuxt) を利用ã—㟠Universal Application 開発ã«ãŠã„ã¦ã€ nuxtServerInit を利用ã™ã‚‹æ©Ÿä¼šã¯ãã‚Œãªã‚Šã«å¤šã„ã‹ã¨æ€ã„ã¾ã™ã€‚よãã‚ã‚‹ã‚·ãƒãƒ¥ã‚¨ãƒ¼ã‚·ãƒ§ãƒ³ã¨ã—ã¦ã¯ã€ãƒžã‚¹ã‚¿ãƒ‡ãƒ¼ã‚¿ã® API ã‹ã‚‰ã®å–得〠middleware ã¨ä½µç”¨ã—ãŸã€ãƒã‚°ã‚¤ãƒ³ãƒ¦ãƒ¼ã‚¶ãƒ¼ã® Credential ã®å–å¾—ãªã©ã§ã™ãŒã€ç‰¹å®šã®ç›®çš„ã«é™ã‚‰ãšã€å¹…広ã使ã‚ã‚Œã¦ã„ã‚‹ã“ã¨ã§ã—ょã†ã€‚ ã—ã‹ã—ã€ãƒ©ã‚¤ãƒ–ラリ㌠localStorage ä¾å˜ã§ã‚ã£ãŸã‚Šã€ãã‚‚ãã‚‚ Single Page Application(以下 SPA) モードã§èµ·å‹•ã—ã¦ã„ã‚‹ã“ã¨ã§ã€ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆå´ã§ã® init 処ç†ãŒå¿…è¦ã¨ãªã‚Šã€è‡ªåˆ†ã§ plugins ã« init を構築ã—ãŸã‚Šã€ã‚³ãƒ¼ãƒ‰ã®éšæ‰€ã« process.browser ã§ã®åˆ†å²ãŒç”Ÿã¾ã‚Œã¦å›°ã£ãŸã“ã¨ã¯ãªã„ã§ã—ょã†ã‹ï¼Ÿ ã“ã®è¨˜äº‹ã§ã¯ã€ãã†ã„ã£ãŸã‚·ãƒ
mutaion ã«ç›´æŽ¥ commit ã›ãšã€action 経由ã§å®Ÿè¡Œã™ã‚‹ã“ã¨ã‚’å¼·ã推奨ã™ã‚‹
Vuexã®Mutationã¨Actionã®åˆ‡ã‚Šåˆ†ã‘ - Qiita
アクション | Vuex
Nuxt.jsã§localStorageを用ã„ã‚‹éš›ã®Tipsã¨ãƒãƒžã£ãŸã“㨠- Qiita
{{#tags}}- {{label}}
{{/tags}}