使用 RequireJS 设置默认 API url 的主干集合

Question

如何为 Backbone 中集合和模型的所有请求设置默认 url/服务器？

示例集合：

define([
    'backbone',
    '../models/communityModel'
], function(Backbone, CommunityModel){
    return Backbone.Collection.extend({
        url: '/communities', // localhost/communities should be api.local/communities
        model: CommunityModel,
        initialize: function () {
            // something
        }
    });
});

我进行初始 AJAX 调用来获取我的设置，包括 API (api.local) 的 url。

如何重新路由请求而不将其传递给我的所有模型或对模型和集合中的 url 进行硬编码？

Answer 1

你的 url 接受一个字符串或一个函数。

通过您的设置 ajax 调用，您可以将其存储在正确的位置，
并从函数中获取它

以使用您的示例：
假设您的 ajax 调用将 URL 保存在 myApp.Settings.DefaultURL

define([
    'backbone',
    '../models/communityModel'
], function(Backbone, CommunityModel){
    return Backbone.Collection.extend({
        url: function(){
            return myApp.Settings.DefaultURL + '/communities';
        }, 
        model: CommunityModel,
        initialize: function () {
            // something
        }
    });
});

remark 中
确保在设置之前触发该 url 时以某种方式捕获或处理该 url，如果您的初始 ajax 调用失败或需要时间，您的应用程序可能已经在没有设置设置的情况下启动，如果使用 模型.save() 此时，您需要处理这个问题。

Answer 2

通过重写（但不是重写）Backbone.sync 方法，您可以获得相同的结果，而无需向每个模型/集合添加相同的代码。

define(['underscore', 'backbone', 'myApp'], function (_, Backbone, myApp) {
    'use strict';

    // Store the original version of Backbone.sync
    var backboneSync = Backbone.sync;

    // Create a new version of Backbone.sync which calls the stored version after a few changes
    Backbone.sync = function (method, model, options) {
        /*
         * Change the `url` property of options to begin with the URL from settings
         * This works because the options object gets sent as the jQuery ajax options, which
         * includes the `url` property
         */
        options.url = myApp.Settings.DefaultURL + _.isFunction(model.url) ? model.url() : model.url;

        // Call the stored original Backbone.sync method with the new url property
        backboneSync(method, model, options);
    };
});

然后在您的模型/集合中，您可以照常声明 url （例如 url: '/events），

不要忘记使用新的 来请求文件Backbone.sync 代码某处。