こんなエラーが出た。 app.js:580 Error: [vuex] do not mutate vuex store state outside mutation handlers. at assert (commons.app.js:19688) at Vue.store._vm.$watch.deep (commons.app.js:20364) at Watcher.run (commons.app.js:15703) at Watcher.u…

前段 vuex の actions 内で this.$axios を使ってAPIを叩きたい。 エンドポイントは 環境ごとに分けたい。 - local : http://localhost:3000/api - production : http://hogehoge.jp/api しかし、現在ローカルでは axios: { host: 'localhost', port: 3000, …

2019/01/23 16:18:18 更新 fetch()メソッドからのStore経由でPropsを使わないSSRが実現できたので追記 Componentが正しくSSRされない 先日、こんな感じ↓でComponentの設計をした。 omiend.hatenablog.jp 利用するデータは極力Component内部だけで完結させた…

この記事は、空いていたので Nuxt.js #2 Advent Calendar 2018 の21日目の記事としました。 20日目は同僚である@ryamakuchiのNuxt.js と Firebase（Firestore）を使って認証と DB 保存を実装するでした。 TL;DR Nuxt.jsのComponentをどの単位で分けるか悩ん…

この記事は、Nuxt.js #2 Advent Calendar 2018 の15日目の記事です。 14日目は POPOPON - Qiita さんの Nuxt でストアから GraphQL を扱う方法 - Qiita でした。 16日目は taroodr - Qiitaさんお願いします。 SSR（サーバーサイドレンダリング）してますか？…

このエントリーは、Vue.js #2 Advent Calendar 2018アドベントカレンダーの４日目の記事です。 ３日目は 【2018年】Vueのテスト関連まとめ【非公式】 です。 ５日目は @nekobato さんの 「VueとAtomic Design」ですね！ 以前、「Vueの仮想DOMアルゴリズムは…

この記事は、Nuxt.js #2 Advent Calendar 2018 の１日目の記事です。 ２日目は @amishiro さんの 「nuxt.js(v2)でSEOに必要なmeta(OGP含む)を最低限コントロール」です。 せっかくのアドベントカレンダーが空いていたので、サクッと事始め的なものを書いてお…

nuxt.config.js の extend(config, ctx) { // Run ESLint on save if (ctx.isDev && ctx.isClient) { config.module.rules.push({ enforce: 'pre', test: /\.(js|vue)$/, loader: 'eslint-loader', exclude: /(node_modules)/ }) } } を extend(config, ctx)…