[英]Environment Variables undefined NextJS
I want to set a simple login with just a password in.env but when I try to use this variable it takes undefined.我想用 in.env 中的密码设置一个简单的登录,但是当我尝试使用这个变量时,它需要未定义。
Code:代码:
.env.local .env.local
REACT_APP_PASS_TOKEN=d61b100cacb60432f97b39b70d9ff5067242a5d9da1acad54738fc65562b8e1b
login.js登录.js
(First log prints value correctly but second one does not) (第一个日志正确打印值,但第二个不正确)
const pass = process.env.REACT_APP_PASS_TOKEN
console.log(`KEY: ${pass}`)
const handleLogin = () => {
console.log(`KEY: ${pass}`)
}
You need some mechanism to manage this process.你需要一些机制来管理这个过程。 Try with dotenv.
尝试使用 dotenv。 Simply install this using
只需使用
npm i dotenv
After that you need to attach this module to your main app.之后,您需要将此模块附加到您的主应用程序。
require('dotenv').config();
Try to define variable and assign API key to it.尝试定义变量并为其分配 API 键。
const psw = process.env.REACT_APP_PASS_TOKEN;
Then just swap var names.然后只需交换 var 名称。 In result should to looks like:
结果应该看起来像:
.env .env
REACT_APP_PASS_TOKEN=d61b100cacb60432f97b39b70d9ff5067242a5d9da1acad54738fc65562b8e1b
login.js登录.js
const pass = process.env.REACT_APP_PASS_TOKEN;
require("dotenv").config();
const psw = process.env.REACT_APP_PASS_TOKEN;
console.log(`KEY: ${psw}`);
const handleLogin = () => {
console.log(`KEY: ${psw}`);
};
handleLogin();
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.