Javascript 尽管使用了React_应用前缀,React环境变量仍返回undefined
我有一个助手文件api.js,它唯一的任务就是查询我的后端服务器。直到最近,它还在读取我的REACT_APP_API_PATH变量,并将数据发送到服务器。然而,现在当我从API调用中记录该变量时,我得到了Javascript 尽管使用了React_应用前缀,React环境变量仍返回undefined,javascript,reactjs,environment-variables,create-react-app,Javascript,Reactjs,Environment Variables,Create React App,我有一个助手文件api.js,它唯一的任务就是查询我的后端服务器。直到最近,它还在读取我的REACT_APP_API_PATH变量,并将数据发送到服务器。然而,现在当我从API调用中记录该变量时,我得到了未定义的 环境署署长 api.js import axios from "axios"; const API_PATH = process.env.REACT_APP_API_PATH; export async function apiCall(method, path, data) {
未定义的
环境署署长
api.js
import axios from "axios";
const API_PATH = process.env.REACT_APP_API_PATH;
export async function apiCall(method, path, data) {
console.log(API_PATH, process.env.REACT_APP_API_PATH); // logs "undefined undefined"
const res = await axios[method.toLowerCase()](`${API_PATH}${path}`, data);
return res.data;
}
我没有修改这个文件,为什么这个行为会改变?你在你的应用程序的顶级文件中调用require('dotenv').config()
?没有,但是根据这篇文章()我不需要。Create react app自动知道使用任何前缀为react_app的环境变量。是.env
在src
内部还是外部(应该在哪里)?它在src外部
import axios from "axios";
const API_PATH = process.env.REACT_APP_API_PATH;
export async function apiCall(method, path, data) {
console.log(API_PATH, process.env.REACT_APP_API_PATH); // logs "undefined undefined"
const res = await axios[method.toLowerCase()](`${API_PATH}${path}`, data);
return res.data;
}