首页 > 解决方案 > 如何将axios中的标头作为密钥传递

问题描述

我正在使用 jsonbin.io 并将 json 数据作为私有 bin 托管。我正在调用 axios get 请求来获取该数据。我必须在标题中传递我的密钥作为

标头{ 密钥:mysecretkey }

但是 axios 不允许将标头中的密钥作为密钥

const secretKey = process.env.REACT_APP_SECRET_KEY;
const localUrl = process.env.REACT_APP_LOCAL_URL;

const fetchPhotosFlocal = async () => {
  const response = await axios.get(localUrl, {
     headers: {
        secret-key: secretKey,
     },
  });
  console.log(response);   };

密钥在编译时出错,“密钥”无法获取数据我现在该怎么办?

标签: javascriptjsonreactjsaxios

解决方案


secret-key不是 JavaScript 中的有效标识符,因为它们不能包含连字符(有关详细信息,请参阅规范。

在您的情况下,您可以简单地将标题的名称放在引号中,如下所示:

const secretKey = process.env.REACT_APP_SECRET_KEY;
const localUrl = process.env.REACT_APP_LOCAL_URL;

const fetchPhotosFlocal = async () => {
  const response = await axios.get(localUrl, {
     headers: {
        "secret-key": secretKey,
     },
  });
  console.log(response);   
};

推荐阅读