首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何在POST头中添加函数

如何在POST头中添加函数
EN

Stack Overflow用户
提问于 2018-08-12 02:38:42
回答 1查看 68关注 0票数 0

目标正在发送带有Autorization标头包含令牌的POST请求。

它的功能是:

代码语言:javascript
复制
export function authHeader() {

    // return authorization header with jwt token
    let user = JSON.parse(localStorage.getItem('user'));
    if (user && user.token) {
        return { 'Authorization': 'Bearer ' + user.token };
    } else {
        return {};
    }
}

下面是发送到服务器的异步函数:

代码语言:javascript
复制
    export async function submitToServer(values){
        try{
            let response = await fetch('http://localhost:50647/fund/submitfund', {
                method: 'POST',
                headers: {
                  'Accept': 'application/json',
                  'Content-Type' :  'application/json',
                  authHeader()
            },
            body: JSON.stringify(values),
          });
          let responseJson = await response.json();
          return responseJson;

    }   catch (error) {
            console.error(error);
    }
  }

如何将authHeader()添加到POST中的标头以正确授权此请求?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-08-12 02:43:09

使用像...authHeader()这样的... spread operator。您的authHeader函数返回一个对象{ 'Authorization': 'Bearer ' + user.token }{}。您需要的是将其合并到使用headers键附加的对象,因此...操作符在这里是正确的工具。

所以你的代码是:

代码语言:javascript
复制
export async function submitToServer(values) {
  try {
    let response = await fetch('http://localhost:50647/fund/submitfund', {
      method: 'POST',
      headers: {
        'Accept': 'application/json',
        'Content-Type': 'application/json',
        ...authHeader()
      },
      body: JSON.stringify(values),
    });
    let responseJson = await response.json();
    return responseJson;

  } catch (error) {
    console.error(error);
  }
}
票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/51802675

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档