我的React开发应用程序中公钥/私钥的正确位置？

Question

在我的React应用程序的开发环境中，我有一组访问API所需的公钥/私钥。我想理想地将这些密钥放入他们自己的文件中以用于gitignore目的，但我没有运气我的代码，如下所示。

我的helpers.jsx文件是通过轻量级AJAX附加组件调用API数据的位置，我在require声明区域中有实际的键：

var API_KEY = require('./keys.jsx');
var PRIV_KEY = require('./keys.jsx');

总之，我的keys.jsx文件（存储在与helpers.jsx相同的子文件夹中）包含以下内容：

module.exports = {
  API_KEY:'myactualpublickey',
  PRIV_KEY:'myactualprivatekey'
};

但是，我的应用程序不喜欢这个设置，因为我收到"Failed to load resource: the server responded with a status of 401 (Unauthorized)”错误消息并且API调用不成功，因为没有包含必要的密钥。

当我使用实际密钥替换require('./keys.jsx');文件中的helpers.jsx时，API调用正常。

非常感谢任何帮助或指导。感谢。

Answer 1

您要导出的对象包含名为API_KEY和PRIV_KEY的属性，请尝试以下操作：

var API_KEY  = require('./keys.jsx').API_KEY;
var PRIV_KEY = require('./keys.jsx').PRIV_KEY;