Question

我有env var SERVER_URL=localhost:8000

config.js

export const SERVER_URL = process.env.SERVER_URL;

export { SERVER_URL as default };

和行动：

function fetchData(apiUrl, timeout) {
    return timeoutPromise(timeout || 15000, fetch(`${SERVER_URL}${apiUrl}`))
        .then(checkHttpStatus)
        .then(parseJSON);
}

但在使用此fetchData后，我得到http://localhost:8000/undefined/some_api

来自此undefined

的idk

Answer 1

如果您使用create-react-app，则只有前缀为REACT_APP_的环境变量可用。

尝试console.log(SERVER_URL)来自undefined来自的地方。

创建一个环境变量REACT_APP_SERVER_URL，并在您的应用中使用process.env.REACT_APP_SERVER_URL引用它。

Answer 2

内部config.js：

const SERVER_URL = process.env.SERVER_URL;
export default SERVER_URL;

其他档案app.js：

import SERVER_URL from './config';

在应用程序中未定义环境变量

2 个答案: