.env 变量文件不适用于视觉工作室答案

【问题标题】：.env variable file is not working on visual studios.env 变量文件不适用于视觉工作室
【发布时间】：2019-12-23 06:53:03
【问题描述】：

您好，我正在使用 Visual Studios，但 .env 不适合我？

我不确定发生了什么。

该项目正在使用快速支持的 React 前端。

REACT_APP_KEY = "测试"

console.log(1);
console.log(process.env.REACT_APP_KEY);
console.log(2);

结果

请求的代码

服务器.js

const express = require('express');
const fileUpload = require('express-fileupload');

const app = express();

app.use(fileUpload());

// Upload Endpoint
app.post('/upload', (req, res) => {
  if (req.files === null) {
    return res.status(400).json({ msg: 'No file uploaded' });
  }

  const file = req.files.file;

  file.mv(`${__dirname}/client/public/uploads/${file.name}`, err => {
    if (err) {
      console.error(err);
      return res.status(500).send(err);
    }

    res.json({ fileName: file.name, filePath: `/uploads/${file.name}` });
  });
});

app.listen(5000, () => console.log('Server Started...'));

请注意，我是从 React 前端调用 .env

【问题讨论】：

尝试使用“dotenv”npm 包来加载 env 文件
@HS 我试过 npm Install dotenv 但就是这样
你也必须使用它 - 使用 config 方法 - 在此处检查用法 - npmjs.com/package/dotenv

标签： reactjs visual-studio variables environment-variables

【解决方案1】：

你应该在运行npm start之前声明这个变量。

你的情况是

REACT_APP_KEY="TEST" npm start

我建议创建一个 .env 文件并使用 dotenv 包来加载环境变量。

【讨论】：

我同时使用同时运行客户端和服务器？这可能是问题吗？
不，那不是问题。可以贴一下 server.js 文件代码吗？

【解决方案2】：

我所要做的就是在 create-react-app "client" 文件夹中安装 dotenv 并在安装我的组件之前配置 dotenv

谢谢大家，

React 应用组件内部

import dotenv from "dotenv";

dotenv.config();

【讨论】：