スリ飯屋MaLankaのフリーエンジニアな日々

このブログでは、フリーランス5期目となる自身の実体験から、フリーランスエンジニアになるためのノウハウ、ブログや沖縄移住、スリランカの最新情報について発信します。

技術関連 - Nuxt.js

Nuxt.jsで詳細(show)と編集(edit)画面の動的ルーティングを設定する

Nuxt.jsは、_idというファイル名もしくはディレクトリにすることで、 動的ルーティングを設定できます。 File System Routing - NuxtJS nuxtjs.org 今回、 study_roomsというリソースのCRUD画面を作成する際、 編集画面 (study_rooms/:id/edit) のルーティン…

【Vue.js Nuxt.js】プロジェクトのrootpathを特定のページへ変更する

プロジェクトルートURL(例: localhost:3000 or localhost:3000/)でアクセスされたら、 特定のページ(例: /articles)に遷移させたい。 (プロジェクトルートのページを変更したい) .Nuxt/配下のrouter.js内にあるbaseプロパティや、 path: '/' の箇所を見て…

【Nuxt Vue Rails】axiosのContent-Typeがappliation/jsonにならない

解決策 getの場合は、 第二引数にheaders: をキーとして、 指定したいヘッダのオプションを渡せばOK。 this.$axios.get(url, { headers: { "Content-Type": "application/json", "Accept": "application/json" }}) postの場合は、 第三引数にheaders: をキー…

【Vue.js Nuxt.js】v-bindでhref属性に文字列とコンポーネントのプロパティを指定する

素の文字列とコンポーネントのプロパティを連結する場合 シングルクォートで囲った文字列 + プロパティ のようにすればOKです。 tasks/1/edit というpathにしたい場合 // idプロパティの値が「1」であるとする // 通常の文字列はシングルクォートで囲う必要…