概要 Vuexのデータは、永続化対応をしないとページ更新などをするとデータがなくなってしまう。そのため、「vuex-persistedstate」を使用して永続化の対応をする。 Nuxt + TypeScriptで、Vuexを扱う方法はこちら 環境 名称 Version Node 14.10.1 Nuxt 2.14.5…

概要 公式に記載があるvuex-module-decoratorsを使用して、Nuxt + TypeScriptの環境でVuexを扱う方法。 ストア - Nuxt TypeScript 環境 名称 Version Node 14.10.1 Nuxt 2.14.5 Vue 2.6.12 TypeScript 3.9.7 Vuetify 2.3.10 nuxt-property-decorator 2.8.8 v…

概要 nuxt-property-decoratorを使用して、NuxtをTypeScript化する。 環境 名称 Version Node 14.10.1 Nuxt 2.14.5 Vue 2.6.12 TypeScript 3.9.7 Vuetify 2.3.10 nuxt-property-decorator 2.8.8 TypeScript化 パッケージをインストールする npm i nuxt-prope…

構成 特定のページだけキャッシュさせない方法 CloudFrontでの設定 Object Cachingで、Use Origin Cache Headersを設定する。 S3での設定 AWS コンソールで設定する場合 キャッシュさせたくないページのhtmlファイルを選択して、プロパティのメタデータから…