Backbone.js不会post到指定的URL

Question

我有一个 Backbone.js 应用程序运行这个生成器 https://github.com/yeoman/generator-backbone。我需要向不同服务器和域上的服务运行发出 POST 请求。在我的模型上，我有以下内容：

urlRoot: 'https://custom.com/',

saveData: function(params) {
  this.set(params);
  if(this.isValid()) {
    this.save(null, {
      url: 'api/v1/data',
      success: function(model, response, options) {
        // success
      },
      error: function(model, response, options) {
        // error
      }
    });
  }
}

当我尝试发布数据时，它会将数据发布到 http://localhost:9000/api/v1/data。知道为什么 Backbone 选择 POST 它正在运行的服务器，而不是我提供的设置 (https://custom.com/api/v1/data) 吗？

在我的服务器上，我运行在 NodeJS 之上进行 Restify（出于测试目的，我允许来自任何客户端的 origin）。这是我设置 CORS 的方法：

// Setup CORS
api.use(function(req, res, next) {
  res.header('Access-Control-Allow-Origin', '*');
  res.header('Access-Control-Allow-Methods', 'GET,POST,PUT,DELETE, OPTIONS');
  res.header('Access-Control-Allow-Headers', 'X-Requested-With');
  return next();
});

我怀疑服务器有问题，因为客户端甚至无法访问它，因为指定的 URL 以某种方式自动映射到 http://localhost:9000/api/v1/data 而不是 https://custom.com/api/v1/data .

更新：如果我用 jQuery 做 "manually"（不使用 Backbone 的 API），它有效：

saveData: function() {
  $.ajax({
     type: 'POST',
     data: this.toJSON(),
     url: 'https://custom.com/api/v1/data'
  })
  .success(function() {
    // success
  })
  .fail(function() {
    // fail
  });
}

有没有办法使用 Backbone 的 API？

Answer 1

Post 对不同域的请求将无法从浏览器运行。更好的处理方法是您可以在服务器中设置一些重定向规则。

Answer 2

将 url 作为选项传递给 Backbone.Model.prototype.save 将绕过 url 生成逻辑（即 urlRoot）并假定 url 选项是完整路径（如果不发布到当前域，则包括域）。

您应该改为将 urlRoot 设置为实体的路径（或您的后端平台可能调用的任何内容），因此在您的情况下它应该是：

var MyModel = Backbone.Model.extend({
    urlRoot: 'https://custom.com/api/v1/data'
});
var myModel = new MyModel();
myModel.save(); // POST https://custom.com/api/v1/data
// Assuming that returns an id of '123';
myModel.save(); // PUT https://custom.com/api/v1/data/123
myModel.destroy(); // DELETE https://custom.com/api/v1/data/123

如果您的服务器未设置为处理 Backbone 样式 RESTful 端点，那么您可能只想覆盖 Backbone.Model.prototype.url 而不是 urlRoot.

Answer 3

如果您只想测试对服务器的调用，您可以下载 chrome 扩展。它将允许您调用不同的域。这里：https://chrome.google.com/webstore/detail/allow-control-allow-origi/nlfbmbojpeacfghkpbjhddihlkkiljbi

Backbone.js不会post到指定的URL

Backbone.js won't post to the specified URL

javascript

backbone.js