javascript - React 应用程序中未定义的环境变量

Question

我有环境变量 SERVER_URL=localhost:8000

配置.js

export const SERVER_URL = process.env.SERVER_URL;

export { SERVER_URL as default };

和 Action :

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 引用它。