概要
以下のページを参考に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/...
にするとうまくいったため, **「各ファイルの読み込み先がステージに対応していない」**ことが問題であると考えました
お聞きしたいこと
「上記の条件において, ステージごとにうまくファイルの読み込みが行えるようにするにはどうしたらよいか」
ご教授, よろしくお願いいたします
回答1件
あなたの回答
tips
プレビュー