跨域的主干PUT请求未将ID附加到URL

Question

我有以下骨干模型。

var aModel = Backbone.Model.extend({
   url: 'http://api.site1.com/list
});

modelObj = new aModel();

我的应用程序的域是product.site1.com ，因此我的应用程序对服务器的所有请求都是跨域请求。

我对API的所有主干请求都需要通用标头，因此我编写了以下主干同步方法

var sync = Backbone.sync;
Backbone.sync = function(method, model, options) {
    options.beforeSend = function (xhr) {
        xhr.setRequestHeader('key1', 'ABCD');
        xhr.setRequestHeader('key2', 'EFGH');
    };
    sync(method, model, options);
};

当我执行如下的获取方法时

modelObj.fetch();

我的应用程序向api.site1.com/list发出了OPTIONS请求

成功执行该请求后，它将向api.site1.com/list发出GET请求

POST也是如此。

在提取之前执行modelObj.save({name: "abc"}) ，我的应用程序向api.site1.com/list发送OPTIONS请求，成功api.site1.com/list执行POST请求。

而当我进行更新（即PUT）时，

我希望主干将id附加到url（例如api.site1.com/list/1并执行OPTIONS请求

但是，当我检查自己的开发工具时，对api.site1.com/list发出了OPTIONS请求。 成功后，它将向api.site1.com/list而不是api.site1.com/list/1发出PUT请求

为什么会发生这种情况以及如何处理这种情况？

Answer 1

通过设置aModel.url ，可以强制请求中使用的URL。 改为设置aModel.urlRoot ：

urlRoot model.urlRoot或model.urlRoot（）
如果要在集合外部使用模型，请指定urlRoot，以启用默认的url函数以基于模型id生成URL。

尝试

var aModel = Backbone.Model.extend({
   urlRoot: 'http://api.site1.com/list'
});