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

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

来自这里的idk undefined

Answer 1

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

试试吧console.log(SERVER_URL),这就是你的undefined来源.

REACT_APP_SERVER_URL请改为创建一个环境变量,并process.env.REACT_APP_SERVER_URL在您的应用中引用它.