MasuBlog

Nuxt.jsでトーストを使う方法をメモ インストール npm i @nuxtjs/toast --save nuxt.config.js modules: [ '@nuxtjs/toast', ], toast: { p...

今回はNuxt.jsのアプリをnginxでデプロイする方法を書きます。環境 OS：Ubuntu Webサーバー：Nginx プロセスマネージャー：PM2サーバーはConohaのVPSサーバーを使っています。アプリの作成 今回は試...

今回はNuxt.jsで動的ルーティングを設定する方法を書きます。 ファイル構成 今回は次のようなURLを設定してみます。 domain/:id/:code/ Nuxt.jsで動的にルーティングを設定する場合は、ファイル名orフォルダ名を_名...

Nuxt.jsで作っているサイトに決済サービスのPay.jpを導入しようとした際に「既にインスタンス化されています」というエラーが発生したので対処法をまとめます。 エラーの発生条件 次のような流れで決済画面にアクセスするとエラーが発生します...

今回はVue.js・Nuxt.jsでBulmaのModalを使う方法を書きます。 導入方法 BulmaをNuxt.jsに導入する方法は下の記事に載せてあります。Modalを実装 ModalのHTML <button @click=...

Nuxt.jsで作っているプロジェクトにフレームワークのBulmaを導入することがあったのでメモ今回はCDNではなくnpmでインストールして導入します。 パッケージをインストール Bulmaのインストール npm install bul...

Nuxt.jsでAxiosを使う方法をメモ インストール npm install @nuxtjs/axios --save nuxt.config.js modules: [ "@nuxtjs/axios", ], nuxt.con...

Nuxt.jsでページタイトルを変更する方法をメモ次のように書くことでタイトルを変更できます。 document.title = "タイトル" タイトルを設定したい場合はmountedに上のように書けばタイトルを設定できます。

Nuxt.jsにreCaptchaのv3を導入したのでメモnuxt.config.js（色々省略しています） head:{ {src:"サイトキー"} } index.vue export default{ data...

Nuxt.jsのmethodsでページ遷移をする方法を備忘録として書いておきます。 （多分素のVue.js + Vue-routerでも使えます） export default { methods:{ redirec...