.env变量文件在Visual Studio上不起作用

Question

嗨，我正在使用Visual Studio，而.env对我不起作用？

我不确定是怎么回事。

该项目使用了快速支持和React前端。

REACT_APP_KEY =“测试”

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

结果

请求的代码

Server.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的

Answer 1

您应在运行npm start之前声明此变量。

您的情况将是

REACT_APP_KEY="TEST" npm start

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

Answer 2

我要做的就是将dotenv安装在create-react-app“客户端”文件夹中 并在安装组件之前配置dotenv

谢谢，

内部React App组件

import dotenv from "dotenv";

dotenv.config();