Firebase HostingとNuxt.jsでsitemap-moduleを使うことが出来ない

Question

Firebase Hostingを利用してNuxt.jsで作られたサイトをホスティングしています。

sitemapを生成したくこちらを導入しました。
https://github.com/nuxt-community/sitemap-module

localではうまく動いているのですが、Firebase Hostingにdeployするとうまく動きません。

原因として考えられるのは
こちらを参考にrewritesの設定をしていることです。

https://ja.nuxtjs.org/guide/routing#firebase-%E3%83%9B%E3%82%B9%E3%83%86%E3%82%A3%E3%83%B3%E3%82%B0%E5%90%91%E3%81%91%E3%81%AE%E5%AE%9F%E8%A3%85

実際の設定は下記のようにしています。

{
  "hosting": {
    "public": "genia/dist",
    "ignore": [
      "firebase.json",
      "**/.*",
      "**/node_modules/**"
    ],
    "rewrites": [
      {
        "source": "**",
        "destination": "/index.html"
      }
    ]
  }
}

おそらくsitemap.xmlの実ファイルが無いため"/index.html"移動してしまうのですが、これを回避する方法はありますでしょうか？

そもそもsitemap-moduleはどのようにsitemap.xmlを生成しているのか、どのようなルーティングになっているのかよくわかっていません。

実際にFirebase Hostingでsitemapが実際に動作している例があればご掲示してほしいです。

よろしくおねがいします。

追記
nuxt build --spaを利用しSPAサイトとしてbuildしています。
sitemapの内容はapiコールして動的に変更しています。（静的なsitemapではありません）

Comments

[nnnn5]

初めまして、同じところで詰まっています、どう解決されましたでしょうか..?

Answer 1

sitemap.xmlは静的リソースのファイルを参照すれば良いと思うので、
rewriteに↓を登録すると良さそうに思います。

勘違いしていました。
今回のケースで言うと おそらくfirebase hostingのみの利用かと思うので、
nuxtのgenerate利用という認識で説明を修正します。

1. nuxt.config.jsの sitemap.generate の指定を trueに変更する
2. nuxt generate // dist先にファイルが書き出される
3. firebase deploy

// from https://www.npmjs.com/package/@nuxtjs/sitemap
  sitemap: {
    generate: true // ここを追加 もしくは修正する

気になって動作確認用リポを作ったので、
デモが必要そうでしたら参照してみてください。
https://github.com/wilf312/nuxt-firebase-hosting

Comments

[soo]

利用しているこちらのライブラリは静的なsitemap.xmlを生成せず動的に作成するため回答された方法では解決しませんでした。
https://github.com/nuxt-community/sitemap-module

[soo]

ご丁寧にありがとうございます！
質問に書いていなかったので大変申し訳ないですが、SPAサイトとしてbuildしておりgenerateは使用していません。またsitemap自体も静的な内容ではなくAPIコールして動的に変更しています。

[soo]

質問に追記しました。よろしくおねがいします！

[wilf]

ざっと sitemap-module のソースを読みましたが、
Node環境での実行を前提に実装されているので、SPAモードで動くようにはできていないかと思います。

sitemapを generate以外で生成するには、
そこだけバックエンドで動的に生成するように cloud functions に rewriteを逃して処理する必要があります。