Q&A
中身が表示されないというのは、ユーザーデータか何かでしょうか？
その場合、ローカルサーバー(mac)からデータを取得しているようなので、他の端末からだと表示されないと思いますよ。
・環境
OS→mac、エディタ→vscode 実機→iphoneSE(第２世代) ブラウザ→chrome
・対象URL
http://xs550209.xsrv.jp/app/public/management.html
(見た目整えていませんのでそのつもりで閲覧してくださいm(_ _)m)
id→web パスワード→123456
下記のサイトのお問い合わせフォームと連携しています
http://xs550209.xsrv.jp/
id、パスワードは同じです
・やりたいこと
macのデベロッパーツールと同じ挙動を実機にも適用させたいです。
・やってみたこと
実機のキャッシュクリアは何回か試してみましたが変化なしでした・・・
macではどのサイズでも表示してくれるのでコードは正常動作していると思われますが、
実機で見ると中身が表示されません。具体的には表示されるべきユーザーが表示されません(HTMLだけが表示されます)
アドバイスなど頂けると幸いです。
今回コードを載せようとしたのですが、該当箇所の見当がつかないので割愛いたしました。
仰っていただければ後ほど添付いたします。
よろしくお願いします。
hayato7さん回答ありがとうございます！
サーバーにアップロードしても同じ挙動になると勘違いしておりました。
調べたらAWSの解説など見つかったのでそちらを調べてみます！
回答2件
0
ベストアンサー
質問文の現象と関係があるかどうかいまいち不明ですが、
apiでusersを取得しようとしている個所がありますよね。そのapiのアドレスが
localhost:3000になっています。
開発時にURLをローカル側にむけてからデプロイ時に修正されていないと思います。
なので、「実機では見ることができない」ではなく、「デプロイしたらどのブラウザでも見れない」というのが正しい現象でしょう。
apiのアドレスを本番用の適切なものに変更したらOKではないでしょうか。
追記：
ブラウザの検証ツールでconsoleを見るとfetchでのエラーメッセージが表示されています。
デプロイ後PCのブラウザでも必ず確認しましょう。
投稿2021/06/16 13:41
編集2021/06/16 13:43
総合スコア4447
hope_mucciさん、ご回答いただきありがとうございます。
書いていただいた通り、サーバーへアップロード後もapiのアドレスがlocalhostに向いていた為、
ユーザー情報を取得できていなかったようです。
初歩的な質問にも関わらず具体的にアドバイスしていただき本当にありがとうございましたm(_ _)m
あなたの回答
tips
プレビュー
