jquery jqXHR.getResponseHeader ('Location' )，为空

Question

在我的 ajax 调用中，responseHeader('Location') FF 始终为空。有谁能够帮助我？顺便说一下，它是一个 CORS。

$.ajax({
                url: VIDEOS_UPLOAD_SERVICE_URL,
                method: 'POST',
                contentType: 'application/json',
                headers: {
                    Authorization: 'Bearer ' + accessToken,
                    'x-upload-content-length': file.size,
                    'x-upload-content-type': file.type
                },
                data: JSON.stringify(metadata)
            }).done(function(data, textStatus, jqXHR) {
                resumableUpload({
                    url: jqXHR.getResponseHeader('Location'),
                    file: file,
                    start: 0
                });
            });

Answer 1

您可以通过设置 header 在代码的服务器站点上修复此问题:

Access-Control-Expose-Headers: Location

这将告诉 Firefox 浏览器允许跨域读取 Location: header 。

https://developer.mozilla.org/en-US/docs/Web/HTTP/Access_control_CORS?redirectlocale=en-US&redirectslug=HTTP_access_control#Access-Control-Expose-Headers