当我应该传递 OUT 时传递 OPTIONS

Question

我有以下配置。

.config(config);

config.$inject = ["$httpProvider"];

function config($httpProvider) {
  $httpProvider.defaults.useXDomain = true;
  delete $httpProvider.defaults.headers.common["X-Requested-With"];


  //Reset headers to avoid OPTIONS request (aka preflight)
  $httpProvider.defaults.headers.common = {};
  $httpProvider.defaults.headers.post = {};
  $httpProvider.defaults.headers.put = {};
  $httpProvider.defaults.headers.patch = {};
}

至于我的$resource

.factory('Order', order)

order.$inject = ['$resource', "ApiEndpoint", "UserRecord"];

function order($resource, ApiEndpoint, UserRecord) {
  var id = null;

  UserRecord.retrieve().then(function (user) {
    id = user.user_id;
  })

  return $resource(ApiEndpoint.url + 'orders.json', {}, {
    update: {method: 'PUT', url: ApiEndpoint.url + 'orders.json'}
  });
}

现在当我这样调用更新时

var params = { name: "new name" };

Order.update(params, {}, function (resp) {
  console.log(resp);
})

我的控制台将 No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:8100' is therefore not allowed access. The response had HTTP status code 401. 呈现为 OPTIONS 请求。如果我运行一个 POST 请求，一切正常并按预期进行。

当我访问服务器日志时，它会验证我正在运行发出 OPTIONS 请求。如何将此修复为运行 PUT 请求？

Answer 1

您正在尝试发出 CORS（跨源资源共享）请求，这意味着您尝试连接到不是您来源的服务器。您的来源是为您的应用程序提供服务的服务器。

由于浏览器安全策略，除 GET 之外的每个请求都需要预检握手 (OPTIONS)，其中非源服务器描述什么 headers，以及他允许来自源 X 的人使用的方法。

因此，跳过预检的唯一方法是将您正在访问的资源放在为应用程序提供服务的同一台服务器上。

当我应该传递 OUT 时传递 OPTIONS

Passing OPTIONS when I should Pass PUT

javascript

angularjs

http-headers

angular-resource

http-method