如何通过获取拦截器在ReactJs中设置凭据属性

时间:2018-09-05 17:01:45

标签: reactjs

我正在一个项目中,由于身份验证,我们必须为来自前端(ReactJs)的每个服务调用包括cookie。但是,我们所有的服务调用都是通过访存API实现的。由于默认情况下fetch API不包含cookie,因此我们必须在使用fetch API的位置添加配置“凭据:'include'”。在代码中的任何地方手动执行操作都是无法维护的,因此我们决定使用fetch-interceptor插件。我的代码类似于

fetchIntercept.register({
  request: function (url, config) {
    config.credentials = 'include';
    return [url, config];
  },
  ...
};

但是,所有获取功能在更改后都会停止工作。这是我们在Chrome开发者控制台中找到的消息:

  

未捕获(承诺)错误:无法获取登录用户信息:   TypeError:无法设置未定义的属性“凭据”

我在线搜索了如何在fetch-interceptor中设置配置,但是几乎没有可用的示例。有人可以为我们提供一个如何正确设置配置的示例吗?谢谢。

1 个答案:

答案 0 :(得分:0)

我看到这已经两年没有回答了。希望您现在已经解决了这个问题。如果没有,只需确保有一个与每个提取调用相关联的配置对象,一个简单的

{
method: "GET"
}

会的。