我有一个Node/Express后端,我正在使用带有React客户端的API.我希望能够在用户注册后设置授权标头.这样可以确保后续请求与授权标头一起发送.

我可以看到在Axios here中是如何实现的,以及如何在Fetch here中检索授权头

有没有可能通过Fetch API实现这一点?如何实现?

Thank you in advance.

推荐答案

据我所知,没有办法在fetch中使用默认选项/标题.您可以使用this third party library使其工作,或者设置一些默认选项,然后在每个请求中使用这些选项:

// defaultOptions.js
const defaultOptions = {
  headers: {
    'Authorization': getTokenFromStore(),
  },
};

export default defaultOptions;

然后使用默认选项,如:

import defaultOptions from './defaultOptions';

// With default options:
fetch('/auth', defaultOptions);

// With additional (non-default) options:
fetch('/auth', { ...defaultOptions, body: JSON.stringify(additionalData) });

Reactjs相关问答推荐

阻止在ShadCN和React中的FormLabel中添加 colored颜色

在Redux工具包查询中,是否可以将标记应用到API切片内的所有端点?

如何通过浏览器路由在单独的.jsx文件中使用MUI抽屉?

在Reaction中更新状态时,我将变得未定义

将动态元素中的输入数据传输到Reaction

如何使Reaction Select 选项菜单从选项数组的特定索引开始

Reaction Ploly:如何在多个子情节中共享zoom 状态

React中的useEffect钩子

如何解决Reaction中遗留的上下文API错误?

在Reaction中导入';图片&文件夹时出错

Reaction上下文值无法传递给其他组件

Reaction路由-如何在布局路由内呈现&q;/:id&q;路由

如何清除过滤器搜索的状态

如何在 React 中停止嵌套 Link 和 Button 组件的事件传播?

为什么我会收到此错误:无法在我的react 包上读取 null 的属性(读取useState)?

如何在屏幕上使用相同的可重用

如何在 React map 函数循环中使用
标签

如何检索包含动态段的未解析路径?

react 本机日历

使用 useRef(uuid()) 的目的是什么?