javascript - AngularJS 对跨源资源执行 OPTIONS HTTP 请求 => 错误 401

Question

我正在尝试使用 $resource 从 REST 网络服务获取数据。

这是我的代码:

    return $resource('http://serverURL', {}, {

                getQuartiers: {
                    method: 'GET',
                    headers:  {
                             'Authorization': 'Basic base64login:pseudostring',
                     },

                },


          });

问题是，对于这样的 header ，发送的是选项请求，我收到错误 401 Unauthorized。如果我删除标题，这是一个 GET 请求。但我需要标题来发送我的授权字符串!

否则 web 服务没问题，要么通过 chrome 直接访问 url => 使用登录名/密码弹出 => 以 json 格式正确数据或使用发送 GET 请求的 postman chrome 扩展。

怎么了？

Answer 1

您似乎没有处理预检选项 请求。

您的 Web API 需要响应 Options 请求，以确认它确实配置为支持 CORS。

要处理此问题，您需要做的就是返回一个空响应。

添加此额外检查是为了确保设计为仅接受GET 和POST 请求的旧API 不会被利用。想象一下，当此verb 不存在时，将DELETE 请求发送到API。结果不可预测并且结果可能危险。