エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
記事へのコメント1件
- 注目コメント
- 新着コメント
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
Nuxt.jsのserverMiddlewareを使って、apiを叩く |
こんにちは、mabuiです。 今回はNuxt.jsのserverMiddlewareを使って、apiを叩く方法を書いていきます。 ... こんにちは、mabuiです。 今回はNuxt.jsのserverMiddlewareを使って、apiを叩く方法を書いていきます。 クライアントから直接外部ドメインのapiを叩くと、クロスドメイン問題でブラウザのセキュリティエラーが発生しますが、この方法だと好きなタイミングでサーバーサイドから外部apiを叩くことが可能です。 別の方法として、asyncDataを使用してサーバーサイドから外部apiを叩くことも可能ですが、この方法だと叩くタイミングがコンポーネントの呼び出し時に限定されてしまいます。 流れとしては下記です。 1, Vuexのactionsから、axiosでserverMiddlewareを叩く 2, serverMiddlewareから、axiosでapiを叩く コード紹介 今回はVuexのactionsに実行メソッドを用意しました。 Vuexのdispatchメソッドを使用し



2020/02/12 リンク