javascript - 使用 Ajax 将 CORS header 添加到 http 请求

Question

我开发了一个 Restfull 应用程序，我想添加另一个 Web 应用程序来使用其服务，因此我进行以下 Ajax 调用:

 $.ajax({
            type: "Post",
            async: false,
            url: "ip_adress/Inviter/api/Account/Register",
            data: donne,
            headers: {  "Access-Control-Allow-Origin:": "*"},
            success: function (data) {
                console.log(data);
                var tab = [];
                tab["username"] = username;
                tab["password"] = pwd;
                var isLogged = Login.CheckCredential(tab, username);
                return isLogged;
            },
            error: function (xhr, status, error) {
                console.log(xhr);
                console.log(status);
                console.log(error);
            }

        });

我得到这个异常:

Object {readyState: 0, status: 0, statusText: "SyntaxError: Failed to execute 'setRequestHeader' …-Origin:' is not a valid HTTP header field name."} error DOMException: Failed to execute 'setRequestHeader' on 'XMLHttpRequest': 'Access-Control-Allow-Origin:' is not a valid HTTP header field name.

所以我需要知道:

• 在这种情况下如何启用 CORS？

• 如何修复我的代码？

Answer 1

你不能这样授权自己。这是一个响应 header ；详情见the specification 。您向其发送请求的服务器必须将该 header 发回，让浏览器知道可以允许您的页面向该服务器发送 ajax 请求。如果您尝试请求的服务器不允许您的来源，则您在客户端代码中无能为力。