エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
【Nuxt.js】SPA モード で Twitter Card が読み込まれず困った話 - Toragramming
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
【Nuxt.js】SPA モード で Twitter Card が読み込まれず困った話 - Toragramming
解決方法 各ページ(routing)ごとに OGP を設定したい場合 universal(SSR)モードに設定しましょう。 ... 解決方法 各ページ(routing)ごとに OGP を設定したい場合 universal(SSR)モードに設定しましょう。 SPA モードだと、ページごとの OGP 設定(というかそもそも meta タグ)が反映されないので、SSR モードを使用しましょう。 nuxt.config.js にて、以下のように設定します。 nuxt.config.jsexport default { mode: 'universal', head: { htmlAttrs: { prefix: 'og: http://ogp.me/ns#', }, // 以下各種設定が続く…… }, // 以下各種設定が続く…… } 各ページの.vueファイル<script> export default { head() { return { meta: [ { hid: 'twitter:card', name: 'tw