javascript - 为什么我的环境变量在反应中未定义?
问题描述
我想将我的 key 和 base 变量保留在 .env 中,但是当我将它们分配给 .env 和 console.log 时,它的变量是未定义的。
应用文件
# App.js
import './style/App.css';
import Main from './components/Main';
import './style/Search.css'
import { useState } from 'react';
import Error from './components/Error';
import api from './config'
function App() {
console.log(process.env.REACT_APP_KEY)
return (
<div>
</div>
);
}
export default App;
环境文件
# .env
REACT_APP_KEY=somevalue123
REACT_APP_BASE=somelink
解决方案
所以我解决这个问题的方法是执行以下操作......
- 安装 dotenv 包“npm i dotenv”
- 然后你必须导入它并配置它,如下所示
从“dotenv”
dotenv.config() 导入 dotenv;
3.那么你应该能够使用你的环境变量
注意:每次导入新的环境变量时都应该重新启动 npm 服务器
推荐阅读
- sql-server - 如何将此 SQL Server 公式转换为 Excel 公式?
- mongodb - mongo:未能使用文本索引来满足 $text 查询
- opengl-es - OpenGL ES 2.0 中的纹理裁剪替换?
- javascript - 为什么我的数组变成了[object object]
- android - 如何在颤动中绘制带有图像和文本的卡片列表
- javascript - `yarn remove [package]` 命令是否有任何钩子?(类似于 postinstall 的钩子)
- c++ - Torch Vision C++ 接口错误“未知的内置操作:torchvision::nms”
- jaxb - maven jaxb2 插件什么也没产生
- python - Edhesive 7.5 代码练习 GPA 平均 Python
- python - 使用 Python 在多个应用程序中选择一个应用程序