Basic認証がかかっているサイトでJavaScriptから特定のファイルにアクセスする方法

Question

Instagramの投稿をサイトに表示しようとしています。
ローカルで試してうまくいったので、
サーバーにファイルをアップしました。

すると、サイトにBasic認証がかかっているため、
下記のJSファイルからinstagram.phpを読み込めませんでした。

getJSONでPHPファイルから情報を取得したい場合、
Basic認証を通過させるためにはどのようにしたら良いでしょうか？

ご教示いただけると幸いです。
よろしくお願いいたします。

$.getJSON("instagram.php", function(instagram_data){
  const gallery_data = instagram_data["business_discovery"]["media"]["data"];
  let photos = "";
  const photo_length = (gallery_data.length < 10)
    ? gallery_data.length : 10;

  for(let i = 0; i < photo_length; i++){
    photos += '<div><a href="'+ gallery_data[i].permalink +'" target="_blank"><img src="'+ gallery_data[i].media_url +'"></a></div>';
  }
  $("#instagram").append(photos);
});

Comments

[m.ts10806]

JavaScript自体はどう実行させているのでしょうか。

Answer 1

すみません、ファイルパスをフルパスに変更したらちゃんと表示できました。
お騒がせいたしました……