javascript - 使用 AngularJS 发送 HTTP header 请求

Question

我正在尝试向远程服务器发送 HTTP GET 请求并在 HTML 页面上使用响应。下面是project/js/script.js页面

    var app = angular.module('app', ['ngResource']);

    var config = {
        url:"www.myWebsite.com/discover",
        headers:  {
            "X-Object-Header" : "123456789 ",
            "Content-Type": "application/json"
        }
    };
    app.controller('discoverObjectCtrl', ['$scope', '$http', function (scope, http) {
        console.log('Everything Works!');

    http.get("/object", config).success(function (data) {
        scope.object = data;

    });
    console.log(scope.object);
}]);

在我的响应 header 中，这就是我得到的

Remote Address:127.0.0.1:63342

Request URL:localhost:63342/object

Request Method:GET

Status Code:404 Not Found

---

Request Headers

---

Accept:application/json, text/plain, /

Accept-Encoding: gzip,deflate,sdch

Accept-Language:en-US,en;q=0.8

Cache-Control:max-age=0

Connection:keep-alive

Host:localhost:63342

Referer: localhost:63342/DemoSP/index.html

User-Agent:Mozilla/5.0 (Windows NT 6.3; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/36.0.1985.125 Safari/537.36

X-Object-Header: 123456789

我想做的是发送带有自定义 URL 的 http 请求。例如，我希望显示我的控制台标题

Request URL:www.myWebsite.com/discover/object

不是

Request URL:localhost:63342/project/www.myWebsite.com/discover/object

我需要这方面的帮助。谢谢

Answer 1

您应该像这样配置get:

$http.get("www.myWebsite.com/discover/object", {
    headers: {
        "X-Object-Header" : "123456789",
        "Content-Type": "application/json"
    }
}).success(...);

但是您将遇到 CORS 问题，因为请求的域与当前脚本所在的域不同。您需要在服务器环境中通过 Access-Control-Allow-Origin headers 启用 www.myWebsite.com 进行查询，或者是否可以更改 www.myWebsite.com/discover/object然后将其设为 JSONP 端点，您可以通过 $http.jsonp 查询该端点。

另请参阅 this answer 。