基本HTTP授权头

Question

我想在客户端和节点上使用JQuery设置一个基本的HTTP身份验证。服务器端的js。我已在服务器端发出以下Ajax请求以设置头：

$.ajax({
        type: "GET",
        url: URL_SLACK_SERVER,
        dataType: "json",
        beforeSend: function(xhr){
            xhr.setRequestHeader("Authorization", "Basic " +btoa("username:xxx") );
        },
        success:function(rsp){
            filterMessages(rsp);
        }
    });

我希望使用基本身份验证模块在服务器端使用：

var express = require('express');
var bodyParser = require('body-parser');
var auth = require('basic-auth');

app.use(function(req, res, next) {
  res.header("Access-Control-Allow-Origin", "*");
  res.header("Access-Control-Allow-Headers: Origin, X-Requested-With, Content-Type, Authorization, Accept, Key");
  var cre = +auth(req);
  console.log('Auth: ' +cre.username);
  next();
});

但是，这样做，我会遇到一些问题：

1. 我看不到在飞行前选项HTTP请求中设置了标头：

选项/服务器HTTP/1.1
主机：服务器。com
连接：保持活动状态
访问控制请求方法：获取
来源：null
用户代理：Mozilla/5.0（Macintosh；英特尔Mac OS X 10_11_1）AppleWebKit/537.36（KHTML，类似Gecko）Chrome/47.0.2526.111 Safari/537.36
访问控制请求头：接受、授权
接受：/
接受编码：gzip、deflate、，sdch
接受语言：en-US，en；q=0.8，fr；q=0.6

飞行前响应中的访问控制允许标头不允许请求标头字段授权。

另外，请注意，从客户端到服务器的调用是跨域调用，这就是为什么在节点上会写入这些set头的原因。js文件。

如何有效地执行此基本HTTP身份验证？

Answer 1

是的，这是个问题。当您在npm中启用cors（查找cors模块并通过npm附加它）时，您可以设置允许的特定域。当您设置此项时，基本身份验证标头将与请求一起发送。看看这个请求：https://stackoverflow.com/a/18511690/3232739

Answer 2

由于客户端和服务器运行在不同的域上，因此需要在服务器中配置CORS头以使其正常工作。

您需要在服务器中设置标头"Access-Control-允许-Origin：http://foo.example"或"Access-Control-允许-Origin：*"。