Express res.redirect（）リダイレクトではなくHTMLを返す

Question

XHRリクエストを使用してバックエンドに電話をかけています。ここに私のフロントエンドのコードがあります：

var makeRequest = function(method, url, callback) { 
    var xhr = new XMLHttpRequest(); 
    xhr.onreadystatechange = function() { 
    if (xhr.readyState === 4 && xhr.status === 200) { 
     callback(xhr.responseText); 
    } 
    }; 
    xhr.open(method, url); 
    xhr.send(); 
} 

document.getElementById('button').addEventListener('click', function() { 
    makeRequest('GET', '/spotify', console.log); 
}); 

ここ/spotifyルートのための私のバックエンドのコードです：

const Querystring = require('querystring'); 

module.exports = (req, res) => { 
    const queries = Querystring.stringify({ 
    client_id: process.env.SPOTIFY_ID, 
    response_type: 'code', 
    redirect_uri: 'http://localhost:3000/redirect' 
    }); 
    res.redirect(`https://accounts.spotify.com/authorize?${queries}`); 
}; 

よりもむしろリダイレクトは、にリダイレクトされているページのHTMLは、XHR関数から返されます。ボタンをクリックせずに（localhost:4000/spotifyのようなものを介して）ルートに行くと、それは私が望むように動作し、リダイレクトされます。

これは何が起こっているのですか？

Answer 1

これは正常な動作です。

リダイレクトは、「あなたが求めたコンテンツはここにあります」を意味します。

リダイレクト "ブラウザはこのURLを新しいページとしてロードする必要があります"という意味ではありません。

XMLHttpRequestからリクエストを行いました。これは、XMLHttpRequestが応答を処理することを意味します。サーバーは他のURLからコンテンツを取得する必要があると言いました。そのため、XMLHttpRequestはそのURLを取得し、そのデータをresponseTextオブジェクトに提供しました。

Answer 2

これは、通常のリクエストごとにXHRがリダイレクトを処理するためです。 通常のXHRリクエスト（JSコンソール内）をリダイレクトで応答するページに転送しようとすると、ブラウザはそのページにリダイレクトします.XHRリクエストか通常リクエストかは関係ありません。