Nuxt + Lambda + Api Gatewayの構成がうまく動かない

Question

概要

以下のページを参考にNuxt+Lambda+Api Gatewayの構築を試みています

Nuxt.js on AWS Lambda with Serverless Framework

紹介されていたサンプルコードをcloneし, npm install, sls deployを実行した後でaws console上で各部を確認したところ, Lambda function, Api Gateway, s3の全てが正常に作成されていました

しかし, Api Gatewayのurlにアクセスしたところ, Nuxt.js: Loading app...で止まったまま, ページが動きませんでした.

問題の予測と試みたこと

console.logを確認したところ, favicon.ioと, index.acb860c6.chunk.css の読み込み時に403番のエラーが起こっているようでした.
それぞれ, https://hogehoge.hogehoge.amazonaws.com/_loading/assets/css/index.acb860c6.chunk.css
https://hogehoge.hogehoge.amazonaws.com/favicon.ioを読み込もうとして失敗しているようでしたが, https://hogehoge.hogehoge.amazonaws.com/dev/...にするとうまくいったため, **「各ファイルの読み込み先がステージに対応していない」**ことが問題であると考えました

お聞きしたいこと

「上記の条件において, ステージごとにうまくファイルの読み込みが行えるようにするにはどうしたらよいか」

ご教授, よろしくお願いいたします

Comments

[rubytomato]

READMEを読むとエンドポイントがAPI Gatewayの場合、デプロイは yarn deploy:api_gw と実行するようなので、こちらを試してみてはどうでしょうか？

[FumiakiNakao]

おっしゃる通りの方法でいけました！ありがとうござます！

Answer 1

@rubytomatoさんのが追記依頼でおっしゃっている通り、package.jsonでapi gatewayのデプロイ用に用意されていたコマンドで無事デプロイできました
その意味に関してはまた細かくみていこうと思います