.env在react中返回数据unfeind
.env是一个文件，常用于存储应用程序的配置信息。在React开发中，.env文件通常用于存储一些敏感的数据或者需要在应用程序中动态配置的值。
.env文件可以包含多个键值对，每个键值对由等号（=）分隔，例如：
REACT_APP_API_KEY=your_api_key
REACT_APP_BACKEND_URL=https://api.example.com在React中，可以通过process.env对象来访问.env文件中定义的键值对。例如，可以通过process.env.REACT_APP_API_KEY来获取存储在.env文件中的API密钥。
在返回数据undefined的情况下，可能有以下几个可能原因：
- 键名错误：请确认在访问.env文件中的键值对时，键名是否正确。注意大小写敏感。
- .env文件位置错误：请确认.env文件是否位于React应用程序的根目录下，并且命名为
.env。 - 未重新启动应用程序：如果你在修改了.env文件后，需要重新启动React应用程序才能使新的配置生效。
- 未定义对应的键值对：请确认.env文件中是否包含了
REACT_APP_API_KEY的键值对。
如果以上步骤都没有解决问题，建议检查代码逻辑，确保数据被正确地传递和处理。
对于这个问题，腾讯云提供了云开发服务，可以轻松构建和扩展Web、移动和服务应用。腾讯云云开发提供了丰富的云计算产品和解决方案，以满足不同场景下的需求。您可以参考腾讯云云开发的官方文档来了解更多相关信息：腾讯云云开发。
相关·内容
.env REACT_APP_API_URL=http://localhost:8080 react文件 export const signupfetch=user=>{ returnfetch(`process.env.REACT_APP_API_URL`,{ Accept}).then(response=>{r
浏览 34提问于2021-04-23得票数 0
我有一个react项目，但是有类型记录。我知道我们可以创建.env文件并将一些配置定义为这样，REACT_APP_SOME_CONFIGURATION = "some value" 我在我的项目中尝试过这个设置，但没有成功。如何在这种情况下使用.env</em
浏览 3提问于2020-10-20得票数 12
回答已采纳
3回答
部署到Netlify时，我不希望在git中公开这些数据。有没有办法将整个JSON保存为环境变量
浏览 0提问于2019-03-08得票数 4
回答已采纳
我想将我的数据保存到React.js应用程序中的防火墙中，但是firestore会返回无效的文档引用。auth' apiKey: process.env.REACT_APP_FIREBASE_API_KEY,
authDomain: process.env</e
浏览 11提问于2022-08-09得票数 0
2回答
试图在react中使用env变量，并获得
我引用了这个
"react-dom": "^16.7.0", "react-router-dom&
浏览 0提问于2019-02-16得票数 3
回答已采纳
> safe-courier@0.1.0 build
Creating an optimized production build...
浏览 53提问于2022-01-25得票数 4
5回答
我的webpack条目是main.js，所以在这个文件中，我把require('dotenv').config() new webpack.EnvironmentPlugin([ '__DEV_BASE_URL__' //base url for dev api endpoints然而，它仍然没有明确的定义。
浏览 9提问于2017-02-11得票数 122
回答已采纳
是否可以在使用创建的react中读取容器中定义的环境变量？Deploymentspec: spec: - name: my-container - name: REACT_APP_MY_ENV_VARIABLEDockerfile：
..CMD PORT=8080 npm s
浏览 10提问于2022-07-06得票数 0
10回答
我试图浏览我的反应应用程序的生产使用吞咽和环境设置NODE_ENV。因此，我可以删除react警告、控制台中的错误报告，甚至我的代码也可以禁用一些特性，比如react addons-perf的要求。当我在app.js中搜索“生产”以查看是否存在这些典型条件时：
if("development" !但是，我仍然可以看到chrome的react选项卡包含所有的react组件，就像我在一个开发网站上一样。如何在chrome的开发工具<em
浏览 10提问于2015-11-18得票数 21
2回答
我正在尝试使用Supabase从表中获取数据。当我尝试将URL和键存储在.env文件中时，它会以未定义的形式返回。文件: App.jsimport ButtonsSection from "./ResultsSection";
useEffect((
浏览 5提问于2022-06-20得票数 0
回答已采纳
在我的React应用程序(使用create应用程序)中，我有一个具有折叠常量的Constants.js文件：export const APP_ROOT = process.env.REACT_APP_APP_ROOT ||
浏览 0提问于2019-01-11得票数 1
回答已采纳
我正在尝试编写一个可重用的函数，它可以使用输入(国家代码)处理API调用，并可以将数据返回给组件。这样我就可以在辅助组件中根据需要使用这些数据。(process.env.REACT_APP_API_URL+'top-headlines?country='+countrycode+'&apiKey='+process.env.REACT_APP_API_KEY)
.then((res
浏览 14提问于2020-01-09得票数 2
回答已采纳
我想将我的react应用程序部署到生产环境中(使用heroku)。部署应用程序时，React开发工具会指示我的应用程序正在开发模式下运行我尝试设置一个环境变量：heroku config:set NODE_ENV=production但是，当I console.log(process.env.NODE_ENV)时，它返回开发下面是我在</e
浏览 2提问于2019-10-11得票数 0
我在我的原生react项目中使用了一个node package API客户端，它使用process.env.NODE_ENV来确定是返回开发数据还是返回生产数据。我想在我的开发环境(模拟器)中使用生产数据库(它是只读的，并且dev和prod之间的数据差别很大)来测试它。由此我可以看出:当dev标志为true时， process.env.NODE_ENV默认设置为dev。我已经尝试<
浏览 1提问于2016-08-30得票数 3
我刚刚想到在我正在研究的前端React代码库中使用环境变量。当我在本地运行React应用程序时，我可以看到当我console.log process.env.VALUE时，这个值将在浏览器控制台中注销。但是，如果我使用console.log(process.env)，我只看到一个空对象。我在Stack Overflow上看到过关于这个问题的其他答案，但我无法理解它们。我不明白如何访问process.env上的属性，但是我不能注销process.
浏览 4提问于2021-10-25得票数 1
15回答
我正在构建一个react应用程序，我需要从我的api中获取数据，现在我想将api url存储为环境变量。我有我的.env文件，我已经安装了dotenv，这是我的代码process.env.API_URL返回未定义。import React, { Component } from 'react';import '.dotenv&#x
浏览 1提问于2018-11-10得票数 99
2回答
我正在尝试建立不同的环境文件在一个反应项目(使用创建-反应-应用程序)。我跟踪了，但是我得到了一个错误：
我在package.json中的脚本 "start&quo
浏览 6提问于2022-04-07得票数 3
问题:我们是否可以检查部署在防火墙上的新构建、更改路由(或聚焦选项卡)和重新加载页面以便用户可以查看新特性？"dependencies": { "antd": "^3.23.6", &quo
浏览 1提问于2020-01-08得票数 2
回答已采纳
我正在使用，并尝试在仪表板中设置返回网址，但这不起作用。我可以收到钱，但它不会返回到正确的页面。import React, { Component } from 'react';
import PaypalExpressBtn from 'react-paypal-express-checkout) =>
浏览 0提问于2018-05-18得票数 0
2回答
我在Netlify和Node.js后端Heroku中部署了React应用程序。在本地主机环境中，一切都很好。但是在部署之后，cookie不会在请求头中发送。,});
获取数据(突变)：apiClient是从上面的Axios.js导入的，cookies由react处理。setCookie("refresh", res.data.refreshToken, { path: process.env.REACT</em
浏览 8提问于2022-02-10得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
