如何将axios中的标头作为密钥传递答案

【问题标题】：How to pass headers in axios as secret-key如何将axios中的标头作为密钥传递
【发布时间】：2020-05-19 13:10:01
【问题描述】：

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

标题{ 密钥：mysecretkey }

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

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);   };

secret-key 在编译时出错，“secret-key”无法获取数据我现在该怎么办？

【问题讨论】：

标签： javascript json reactjs axios

【解决方案1】：

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

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

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);   
};

【讨论】：

不，它仍然无法正常工作，我无法获取数据。我在邮递员中检查了 url 和密钥，这意味着服务器正在响应。但密钥没有变化。
问题解决了我检查了他们的文档，他们在字符串代码 req.setRequestHeader("secret-key", "");

【解决方案2】：

应该是

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

const resp = await fetchPhotosFlocal();
console.log(resp);

【讨论】：

不，它仍然无法正常工作，我无法获取数据。我在邮递员中检查了 url 和密钥，这意味着服务器正在响应。但密钥没有变化
@ShashankDubey 请检查服务器端的标头是否有{ "secret-key" : ".... " }。如果是 nodejs 服务器，它应该在req.headers。
问题解决了我检查了他们的文档，他们在字符串代码 req.setRequestHeader("secret-key", "");

【解决方案3】：

问题解决了，我检查了他们的文档，他们在字符串代码中传递了 secret_key。

req.setRequestHeader("secret-key", "<SECRET_KEY>");

运行良好

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); };

【讨论】：