身份验证是应用程序的责任。
对于 Backbone 应用，身份验证逻辑应在 Backbone 代码中，并且应不惜一切代价避免更改全局 jQuery 的 ajax 行为。
ajaxSetup 或 ajaxSend 的缺点
来自ajaxSetup 上的 jQuery 文档：
注意：此处指定的设置将影响对$.ajax的所有调用或
基于 Ajax 的衍生产品，例如 $.get()。这可能会导致不受欢迎的
行为，因为其他调用者（例如，插件）可能期待
正常的默认设置。出于这个原因，我们强烈推荐
反对使用此 API。相反，在
调用或定义一个简单的插件来做到这一点。
ajaxSend 与上面提到的问题相同。与ajaxSetup 相比，它的唯一优势是每次都调用一个函数，这比传递给ajaxSetup 的基于对象的选项更灵活。
最安全的方式，AuthModel 和 AuthCollection
将身份验证逻辑放入基础模型和集合中。这是范围最广的解决方案。
在这里，您可以使用现有的BaseModel，但我仍然倾向于将BaseModel 与AuthModel 分开，因为您可能希望创建一个使用您的基本模型但也使用不同的自定义模型例如外部 API。
由于模型和集合的新 sync 函数相似，但两者可能有不同的父实现，因此我制作了一个简单的函数生成器。
/**
* Generates a new sync function which adds the token to the request header
* and handles a redirect on error.
* @param {Function} syncFn the parent `sync` function to call.
* @return {Function} a new version of sync which implements the auth logic.
*/
var authSyncFunction = function(syncFn) {
return function(method, model, options) {
options = options || {};
var beforeSend = options.beforeSend,
error = options.error;
_.extend(options, {
// Add auth headers
beforeSend: function(xhr) {
xhr.setRequestHeader('Authorization', "Bearer " + yourTokenHere);
if (beforeSend) return beforeSend.apply(this, arguments);
},
// handle unauthorized error (401)
error: function(xhr, textStatus, errorThrown) {
if (error) error.call(options.context, xhr, textStatus, errorThrown);
if (xhr.status === 401) {
Backbone.history.navigate('login');
}
}
});
return syncFn.call(this, method, model, options);
};
};
在模型和集合上都使用生成器。
var AuthModel = BaseModel.extend({
sync: authSyncFunction(BaseModel.prototype.sync)
});
var AuthCollection = BaseCollection.extend({
sync: authSyncFunction(BaseCollection.prototype.sync)
});
然后您就可以在您确定需要身份验证的模型和集合上使用它们了。由于您已经在使用基本模型和集合，只需将BaseModel.extend 更改为AuthModel.extend。
虽然我知道您要求对 403 Forbidden 响应进行重定向，但我认为它应该在 401 Unauthorized 上。见403 Forbidden vs 401 Unauthorized HTTP responses
覆盖 Backbone 的 sync
如果您此时不想更改所有模型和集合，但仍想遵循良好做法并避免更改全局 ajax 设置，则覆盖 Backbone.sync 函数是一个简单的替代方案。
使用我们之前定义的sync 生成器：
Backbone.sync = authSyncFunction(Backbone.sync);
管理本地存储和身份验证
要管理本地存储中的数据，请查看Backbone-session。
这是一个很好的 Backbone 模型实现，它与本地存储而不是 REST API 同步。它还提供了一个很好的界面来管理身份验证。
// Extend from Session to implement your API's behaviour
var Account = Session.extend({
signIn: function () {},
signOut: function () {},
getAuthStatus: function () {}
});
// Using the custom Account implementation
var session = new Account();
session.fetch()
.then(session.getAuthStatus)
.then(function () {
console.log('Logged in as %s', session.get('name'));
})
.fail(function () {
console.log('Not yet logged in!');
});