无法将.env urls获取到我的react项目中的组件
无法将.env urls获取到我的react项目中的组件
提问于 2019-10-18 21:54:30
我正在使用3 .env文件，如.env.prod、.env.dev和.env。但不能把网址拿来给我的组件。
我用的是react 16.9。
你能帮我把它拿回来吗？
在我的.env / .env.dev文件
loginUrl = = "http://localhost:8080/api/2.0/admin/auth/login"
在我的package.json文件
"scripts": {
"start": "cp ./.env.dev .env && react-scripts start",
"build:dev": "cp ./.env.dev .env && react-scripts build",
"build:stage": "cp ./.env.stage .env && react-scripts build",
"build:prod": "cp ./.env.prod .env && react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject"
},```
Inside my component, when I am printing it it is giving undefined.
console.log(process.env.loginUrl) is giving undefined回答 1
Stack Overflow用户
回答已采纳
发布于 2019-10-18 21:59:17
使用react脚本
查看响应脚本添加自定义环境变量文档，如果以下情况，变量将自动从.env加载：
注意:您必须创建以REACT_APP_开头的自定义环境变量。除NODE_ENV之外的任何其他变量都将被忽略，以避免意外暴露可能具有相同名称的机器上的私钥。如果开发服务器正在运行，更改任何环境变量都需要重新启动它。
类似问题的接缝来自变量的名称，请尝试在REACT_APP_LOGIN_URL中重命名
注意:这个特性可以与react脚本@0.5.0及更高版本一起使用。
如果用Webpack代替反应脚本
您需要使用webpack DefinePlugin在代码中注入环境变量。
在您的webpack.config.js文件中：
require("dotenv").config(); // will load .env file in process.env
const webpack = require("webpack");
...
plugins: [
...
new webpack.DefinePlugin({
"process.env": {
NODE_ENV: JSON.stringify("production"),
SENTRY_DSN: JSON.stringify(process.env.SENTRY_DSN),
BUILD_DATE: JSON.stringify(new Date()),
TRAVIS_COMMIT: JSON.stringify(process.env.TRAVIS_COMMIT)
}
}),
...
]确保只具有字符串，就好像该值不是字符串一样，它将被字符串化(包括函数)。
然后在代码中，您可以调用console.log(process.env.NODE_ENV)
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/58460913
复制
相似问题
为什么em中的字体大小和重要号不覆盖px中的字体大小？
增加em的字体大小
为什么em字体大小不随字体类型而改变？
CSS:什么/为什么指定字体大小为字体大小:14 as /1.31em？
字体大小em单元继承问题
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
