我可以在UseEffect中获取.env变量的值吗

Question

这是我的.env.local

PORT=5001
PUBLIC_URL=http://localhost:5001
REACT_APP_AUTH_API=http://localhost:3013/local
REACT_APP_TEST=Test

现在，我需要在.jsx文件中的useEffect中的REACT_APP_TEST值。

我该怎么做？

只有process.env.REACT_APP_TEST不工作

Answer 1

我在Next.js中遇到了类似的问题；我试图访问useEffect中的.env。当我运行下面的代码时，process.env.TMDB_API_KEY将是未定义的。

useEffect(() => {
(async () => {
const res = await fetch(
`https://api.themoviedb.org/3/discover/movie?api_key=${process.env.TMDB_API_KEY}`
);
const data = await res.json();
})();
}, []);

我最终引用了next.config.js中的变量，然后它就工作了。

const nextConfig = {
env: {
TMDB_API_KEY: process.env.TMDB_API_KEY,
},
};
module.exports = nextConfig;