我正在嘗試使用Supbase從表中獲取資料。當我嘗試將 URL 和密鑰存盤在 .env 檔案中時，它回傳為未定義。
檔案：App.js
import React, { useEffect } from "react";
import ButtonsSection from "./ButtonsSection";
import Header from "./Header";
import InputsSection from "./InputsSection";
import ResultsSection from "./ResultsSection";
export default function App() {
useEffect(() => {
console.log(process.env.REACT_APP_SUPABASE_URL);
}, []);
return (
<div>
<Header />
<InputsSection />
<ButtonsSection />
<ResultsSection />
</div>
);
}
檔案：Database.env
REACT_APP_SUPABASE_URL='https://**********.supabase.co'
REACT_APP_SUPABASE_ANON_KEY='***************.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6InF2bW56a2xka25hZG1wcmZtc3JqIiwicm9sZSI6ImFub24iLCJpYXQiOjE2NTU0MDQ4NDQsImV4cCI6MTk3MDk4MDg0NH0.Th_x*******************************'
uj5u.com熱心網友回復：
假設您使用的是 create-react-app。檔案名應該是“.env”而不是“Database.env”，它應該在專案的根檔案夾中。
uj5u.com熱心網友回復：
- 第 1 步 - 安裝 dotenv
npm install dotenv .env第 2 步 -在根目錄中創建一個沒有名稱但具有擴展名的檔案- 第 3 步 - 匯入“dotenv/config”（ES6 語法）
您的問題似乎是您沒有匯入dotenv/config并且您的檔案名是 database.env 這是不正確的，只需將其命名為.env
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/493508.html
標籤：javascript 反应 环境变量 超级基础 超级数据库
上一篇：處理網路資料包讀取超時后的錯誤
下一篇：迭代嵌套物件以構建檔案樹