適用於我的React開發應用程序中公鑰/私鑰的位置？

Question

在我的React應用程序的開發環境中，我有一組公鑰/私鑰，需要訪問API。我想理想地將這些密鑰放到他們自己的文件中，以實現gitignore的目的，但是我沒有如下所示運行我的代碼。

我helpers.jsx文件在API數據通過稱爲輕量級AJAX插件，和我在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調用不SUC因爲沒有包含必要的密鑰

當我用實際的鍵替換helpers.jsx文件中的require('./keys.jsx');時，API調用可以正常工作。

任何幫助或指導將不勝感激。謝謝。

Answer 1

要導出具有屬性稱爲API_KEY和PRIV_KEY一個對象，所以試試這個：

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