ベーシック認証のログアウト機能がローカル環境で動かない

Question

お世話になっております。

ワードプレスの特定のページのみでベーシック認証をかけ、
ログアウトボタンを押したらログアウトする、という機能を実装しています。

テストとしてサーバー(mixhost)にあげている適当なサイトで実装してみたらちゃんと機能したのですが、
ローカルで実装してみたところ、ログアウト機能がうまくいきません。

ログアウト用関数の呼び出しまではできているようなのですが、
ajaxがうまくいってない？のか、401が返ってこない状態です。
コンソールでは特にエラーは出ていません。

特定ページにベーシック認証をかけるのには、こちらのページを参考にしました。
ログアウトはいろんなサイトを見たので、忘れてしまいました。。

//head内に以下を追記
<?php
  if(!is_home()): 
  if(is_page('member-only')): 
  $userArray = array("admin" => "password");
  basic_auth($userArray); 
  endif;
  endif;
?>

jQuery(function ($) {
  $('#logout-auth').on('click', function () {
    logoutAuth();
    //return false;
  });
});


function logoutAuth() {
  jQuery.ajax({
    type: "GET",
    url: "/member-only",
    dataType: 'json',
    async: true,
    username: "exist",
    password: "stupidpassword",
   // data: '{ "comment" }'
  })

    .done(function () {
      // alert('Error!')
      window.location = "/";
    })
    .fail(function () {
      window.location = "/member-only";
    });
}

//member-only.php
 <p id="logout-auth" class="btn-download logout" href="">ログアウト</p>

//functions.php
function basic_auth($auth_list,$realm="Restricted Area"){ 
    if (isset($_SERVER['PHP_AUTH_USER']) and isset($auth_list[$_SERVER['PHP_AUTH_USER']])){
        if ($auth_list[$_SERVER['PHP_AUTH_USER']] == $_SERVER['PHP_AUTH_PW']){
            return $_SERVER['PHP_AUTH_USER'];
        }
    }
 
    header('WWW-Authenticate: Basic realm="'.$realm.'"');
    header('HTTP/1.0 401 Unauthorized');
    header('Content-type: text/html; charset='.mb_internal_encoding());
 
    die(home_redirect());
}
//ベーシック認証キャンセル
function home_redirect(){     echo "<script type=\"text/javascript\">alert(\"ログインがキャンセルされました\");</script>";
	echo "<script type=\"text/javascript\">
			setTimeout(function(){
		         window.location.href = \"/\";
    	    }, 0*1000);
		</script>";
}

ローカルで動かすにはローカル用の書き方があるのでしょうか。
どうしたらログアウトできるようになるのか、ご教示いただけましたら幸いです。

Comments

[退会済みユーザー]

基本認証でログアウトができるんでしたっけ？　サーバーから 401 を返すという方法があるそうですが、ブラウザ依存らしいです。余計な話でしたら失礼しました。

[uni..]

コメントありがとうございます。おっしゃる様にログアウト機能は無いのですが、401を返して強制的にログアウトさせる方法ということで、今回実装してみたのです。
今回、サーバーにあげてうまくいったのも、ローカルでうまくいかなかったのもどちらもchromeになります。
ブラウザ依存なのですね。。それは知りませんでした・・・

Answer 1

まだ全面解決はしていないのですが、以下の修正でログアウトができるようになりました。

 jQuery.ajax({
    type: "GET",
    url: "/member-only", // ここを
    
　　略 
  })

 jQuery.ajax({
    type: "GET",
    url: "/member-only/", // こう
    
　　略 
  })

URLの最後に/を付与しただけす。サーバーにあげてテストした方は/が無くてもログアウトしましたが、
ローカル検証ではなぜか/がないとログアウトできませんでした。。

ログアウトできるようになったものの、ログアウトボタンを押したときに認証を求めるダイアログが表示されてしまいます。
これも、サーバー上でテストした時には表示されませんでした。

ダイアログを表示させないようにしたいのですが、質問の内容がタイトルと変わってしまうのでまた改めてトピを立てさせていただこうと思います。
コメントいただいた方ありがとうございました！