"Access-Control-Allow-Origin:*" 済みだけど クロスドメイン エラーになる

Question

サイトAのindex,html内のjavascript から サイトB に設置された自作APIを呼び出しています。

サイトBのヘッダー出力部分は次のようになっています。

header('Access-Control-Allow-Origin: *');
header('Access-Control-Allow-Methods: GET, POST, PUT');
header('Access-Control-Max-Age: 3600');
header('Access-Control-Allow-Headers: Origin, X-Requested-With, Content-Type, Accept');

テストで、サイトBをブラウザで呼び出すと次のようなヘッダー情報が返ってきます。

HTTP/1.1 200 OK
Date: Wed, 31 Jan 2018 06:13:55 GMT
Server: Apache/2.4.29
X-Powered-By: PHP/5.6.32
Expires: Wed, 11 Jan 1984 05:00:00 GMT
Cache-Control: no-cache, must-revalidate, max-age=0
Access-Control-Allow-Origin: *
Access-Control-Allow-Methods: GET, POST, PUT
Access-Control-Max-Age: 3600
Access-Control-Allow-Headers: Origin, X-Requested-With, Content-Type, Accept
Keep-Alive: timeout=5, max=100
Connection: Keep-Alive
Transfer-Encoding: chunked
Content-Type: application/json; charset=utf-8

そしてサイトAのJS呼び出し部分です。

function fetchAPI(action) {
	if (action === 'createUser') {
		var request_url = api_url + "createUser";
		var xhr = new XMLHttpRequest();
		xhr.onreadystatechange = function() {
			if (xhr.readyState === 4) {
				if (xhr.status === 200) {
					if (JSON) {
						if (navigator.userAgent.indexOf('Trident') !== -1) {
							var response = JSON.parse(xhr.response);
						} else {
							var response = xhr.response;
						}
					}
					setUserName(response);
					setCookie('user_name', response.data.user_name);
				} else {
					console.log("status=" + xhr.status);
				}
			}
		};
		xhr.open('GET', request_url);
		xhr.responseType = "json";
		xhr.send();
	}
}

しかしながら、エラーとなってしまいます。
chrome

Failed to load http://example-b.com/createUser: Redirect from 'http://example-b.com/createUser' to 'http://example-b.com/createUser/' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://example-a.com' is therefore not allowed access.

safari

Cross-origin redirection to http://example-b.com/createUser/ denied by Cross-Origin Resource Sharing policy: Origin http://example-a.com is not allowed by Access-Control-Allow-Origin.

クロスドメインとして必要な情報は出力されていると思うのですが、なにか足りないものがあるでしょうか？
どうぞよろしくおねがいします。

ps.
特殊な事情としてはWordpressの独自プラグインの一部でAPI機能を実装しています。
このAPI機能部分で問題が発生しています。
Wordpressが何か出力する前にheader,dataを出力をしてexit();で処理を終了させています。

Answer 1

現状、プリフライトが必要なリクエストでリダイレクトを伴うような場合、うまく処理できないとのことです（MDN）。

ただ、今回の場合、http://example-b.com/createUserからhttp://example-b.com/createUser/へのリダイレクトとのことなので、アクセス先をcreateUser/に変えればリダイレクトせずに通せるかもしれません。

Comments

[退会済みユーザー]

ありがとうございます！
URL最後に / を付加することで無事に動きました。
redirectよることが問題とはうっかりしていました。
感謝です。