Nuxt.js

Nuxt.js 2.6.2 / axios 5.0.0 で、axios の deafaults.baseUrl を設定するハナシ

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

#NUXT.JS(2.4.x)でAutoKanaを利用する方法

参考にさせていただいたページ Vue.jsで自動カナ入力する。 autokanaの導入で奮闘してみた。 - Qiita 【Nuxt.js】ReferenceError: window is not defined ってエラーが出た|たか橋|note window or document undefined - Nuxt.js 上記をすべて読んだ前提で…

#Nuxt.jsのComponent単位でSSRしたかったけどダメだった話

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

#Nuxt.jsのComponentをどの単位で分けるか悩んだ話

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

Nuxt.jsのSSRの動きをHeadlessBrowserで確認してみる

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

Nuxt.js x Firebase事始め

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

Nuxt.jsで「error and 0 warnings potentially fixable with the `--fix` option.」と出たら

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)…