Javascript 向主干中的标头添加访问令牌的问题:它更改了方法
我使用主干网从API获取数据。当不需要授权时,这一切都可以正常工作,当我将授权添加到API时,我会得到预期的401-未授权响应 [从控制台日志:Javascript 向主干中的标头添加访问令牌的问题:它更改了方法,javascript,ajax,backbone.js,Javascript,Ajax,Backbone.js,我使用主干网从API获取数据。当不需要授权时,这一切都可以正常工作,当我将授权添加到API时,我会得到预期的401-未授权响应 [从控制台日志: GET http://localhost:999/api/tasks 401 (Unauthorized) ] 然后,我添加了这段代码,为每个呼叫的报头添加承载授权: var backboneSync = Backbone.sync; Backbone.sync = function (method, model, options) {
GET http://localhost:999/api/tasks 401 (Unauthorized)
]
然后,我添加了这段代码,为每个呼叫的报头添加承载授权:
var backboneSync = Backbone.sync;
Backbone.sync = function (method, model, options) {
/*
* The jQuery `ajax` method includes a 'headers' option
* which lets you set any headers you like
*/
var theUser = JSON.parse(localStorage.getItem("happuser"));
if (theUser !== null)
{
var new_options = _.extend({
beforeSend: function(xhr) {
var token = 'Bearer' + theUser.authtoken;
console.log('token', token);
if (token) xhr.setRequestHeader('Authorization', token);
}
}, options)
}
/*
* Call the stored original Backbone.sync method with
* extra headers argument added
*/
backboneSync(method, model, new_options);
};
一旦我包含了这段代码,API就用一个OPTIONS方法而不是GET方法发送请求,我显然得到了一个405无效方法响应
这是控制台日志输出
OPTIONS http://localhost:999/api/tasks 405 (Method Not Allowed) jquery-1.7.2.min.js:4
OPTIONS http://localhost:999/api/tasks Invalid HTTP status code 405
知道为什么发送方法会改变吗
其他发现:
它在我创建模型时出现。保存时也会执行相同的操作,即使我实际上没有更改模型
进一步详情:这是未经授权的呼叫请求/响应
Request URL:http://localhost:999/api/tasks
Request Method:GET
Status Code:200 OK
Request Headersview source
Accept:application/json, text/javascript, */*; q=0.01
Accept-Encoding:gzip,deflate,sdch
Accept-Language:en-GB,en-US;q=0.8,en;q=0.6
Host:localhost:999
Origin:http://localhost
Proxy-Connection:keep-alive
Referer:http://localhost/
User-Agent:Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/30.0.1599.101 Safari/537.36
Response Headersview source
Access-Control-Allow-Headers:*
Access-Control-Allow-Methods:GET, POST, PUT, DELETE, OPTIONS
Access-Control-Allow-Origin:http://localhost
Cache-Control:no-cache
Content-Length:3265
Content-Type:application/json; charset=utf-8
Date:Wed, 13 Nov 2013 14:51:32 GMT
Expires:-1
Pragma:no-cache
Server:Microsoft-IIS/7.5
X-AspNet-Version:4.0.30319
X-Powered-By:ASP.NET
一旦我在响应中添加同步覆盖代码,就会对此进行更改:
Request URL:http://localhost:999/api/tasks
Request Method:OPTIONS
Status Code:405 Method Not Allowed
Request Headersview source
Accept:*/*
Accept-Encoding:gzip,deflate,sdch
Accept-Language:en-GB,en-US;q=0.8,en;q=0.6
Access-Control-Request-Headers:accept, authorization
Access-Control-Request-Method:GET
Host:localhost:999
Origin:http://localhost
Proxy-Connection:keep-alive
Referer:http://localhost/
User-Agent:Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/30.0.1599.101 Safari/537.36
Response Headersview source
Access-Control-Allow-Headers:*
Access-Control-Allow-Methods:GET, POST, PUT, DELETE, OPTIONS
Access-Control-Allow-Origin:http://localhost
Allow:GET,POST
Cache-Control:no-cache
Content-Length:76
Content-Type:application/json; charset=utf-8
Date:Wed, 13 Nov 2013 14:56:52 GMT
Expires:-1
Pragma:no-cache
Server:Microsoft-IIS/7.5
X-AspNet-Version:4.0.30319
X-Powered-By:ASP.NET
您似乎正在发布一个“”:
- 你在向CORS提出请求
- 您正在设置自定义标题
我会尝试的第一件事是重命名您的
选项
变量,并查看该方法是否更改为新的变量名。在backbone.sync方法本身中?我可能删除了太多内容,但它似乎可以@BenDrury yes工作,尽管这需要一个新的变量;e、 g.var foo=选项
并使用foo
作为的第二个参数。extend
。我的意思是,方法被更改为OPTIONS,这是传入的变量的名称。如果它发送FOO作为方法,那么这就是问题所在。如何修复它将是另一个问题,尽管…@Harryott…,但它仍然是选项,不会更改为新的变量名,所以这不是问题所在。好的。这是有道理的。。。谢谢我会找到解决办法的。如果我不修改选项,它怎么可以作为CORS请求正常工作呢?因为如果不设置自定义头,请求就不会被预引导(请参阅本文中的处理简单请求)。如果可以的话,修复方法可能是支持服务器端的选项。