如何在 React with vite 中使用环境变量?
How to use environment variables in React with vite?
我试图访问环境变量,起初,我收到一条错误消息 process is not defined
。
然后我尝试了这个,但我不确定为什么它不起作用
.env
VITE_BASE_URL="https://jikan1.p.rapidapi.com/"
VITE_HOST="jikan1.p.rapidapi.com"
VITE_KEY="abcdefghij12345678"
Page.jsx
let api = {
base: import.meta.env.VITE_BASE_URL,
host: import.meta.env.VITE_HOST,
key: import.meta.env.VITE_KEY
};
function Upcoming() {
console.log(api);
return (
<div>
<p>{api.host}</p>
<p>{api.base}</p>
<p>{api.key}</p>
</div>
)
}
我只得到 api.host 但基和键未定义
有人能告诉我我做错了什么吗?
我弄明白为什么它不起作用了,愚蠢的错误。
只是因为我没有重启服务器
除此之外没有任何问题。
如果您不停止服务器并重新启动它,env
文件将不会更新。
我试图访问环境变量,起初,我收到一条错误消息 process is not defined
。
然后我尝试了这个,但我不确定为什么它不起作用
.env
VITE_BASE_URL="https://jikan1.p.rapidapi.com/"
VITE_HOST="jikan1.p.rapidapi.com"
VITE_KEY="abcdefghij12345678"
Page.jsx
let api = {
base: import.meta.env.VITE_BASE_URL,
host: import.meta.env.VITE_HOST,
key: import.meta.env.VITE_KEY
};
function Upcoming() {
console.log(api);
return (
<div>
<p>{api.host}</p>
<p>{api.base}</p>
<p>{api.key}</p>
</div>
)
}
我只得到 api.host 但基和键未定义
有人能告诉我我做错了什么吗?
我弄明白为什么它不起作用了,愚蠢的错误。
只是因为我没有重启服务器 除此之外没有任何问题。
如果您不停止服务器并重新启动它,env
文件将不会更新。