小编nic*_*sse的帖子

访问 React 应用程序目录之外的 .env 变量

我的项目结构是:

\n
.\n\xe2\x94\x9c\xe2\x94\x80\xe2\x94\x80 backend\n\xe2\x94\x82\xc2\xa0\xc2\xa0 \xe2\x94\x9c\xe2\x94\x80\xe2\x94\x80 node_modules\n\xe2\x94\x82\xc2\xa0\xc2\xa0 \xe2\x94\x9c\xe2\x94\x80\xe2\x94\x80 package.json\n\xe2\x94\x82\xc2\xa0\xc2\xa0 \xe2\x94\x9c\xe2\x94\x80\xe2\x94\x80 routes\n\xe2\x94\x82\xc2\xa0\xc2\xa0 \xe2\x94\x94\xe2\x94\x80\xe2\x94\x80 server.js\n\xe2\x94\x9c\xe2\x94\x80\xe2\x94\x80 frontend\n\xe2\x94\x82\xc2\xa0\xc2\xa0 \xe2\x94\x9c\xe2\x94\x80\xe2\x94\x80 node_modules\n\xe2\x94\x82\xc2\xa0\xc2\xa0 \xe2\x94\x9c\xe2\x94\x80\xe2\x94\x80 package.json\n\xe2\x94\x82\xc2\xa0\xc2\xa0 \xe2\x94\x9c\xe2\x94\x80\xe2\x94\x80 public\n\xe2\x94\x82\xc2\xa0\xc2\xa0 \xe2\x94\x94\xe2\x94\x80\xe2\x94\x80 src\n\xe2\x94\x9c\xe2\x94\x80\xe2\x94\x80 node_modules\n\xe2\x94\x9c\xe2\x94\x80\xe2\x94\x80 package.json\n\xe2\x94\x94\xe2\x94\x80\xe2\x94\x80 .env\n\n
Run Code Online (Sandbox Code Playgroud)\n

哪里frontend是 React 应用程序,哪里backend是 Express 应用程序。我有一个环境变量API_KEY=....env需要在前端应用程序的后端使用。

\n
    \n
  • 在 Express 后端应用程序中,我可以轻松地使用它而process.env.API_KEY不会出现问题,即使它位于后端应用程序文件夹之外。

    \n
  • \n
  • 但是,我还需要从 React 前端应用程序访问该密钥,undefined当我使用process.env.API_KEY. 从 React 文档来看,对于 React 应用程序,你需要:

    \n
      \n
    1. 为变量命名REACT_APP_API_KEY
    2. \n
    3. 确保它位于 React 应用程序目录内。
    4. \n
    \n

    所以,是的,我可以.env在 React 应用程序中创建另一个文件并按照这些说明进行操作,但我觉得它添加了不必要的重复代码:

    \n
      \n
    1. 我有两个.env文件,这似乎有点令人困惑。
    2. \n …

environment-variables api-key secret-key reactjs mern

5
推荐指数
1
解决办法
3205
查看次数

如何创建自定义 git/bash 脚本?

我想让它git recent在我的终端中输入时,它实际上会运行: git reflog | egrep -io "moving from ([^[:space:]]+)" | awk '{ print $3 }' | awk ' !x[$0]++' | egrep -v '^[a-f0-9]{40}$' | head -n5 给我我签出的 5 个最新的 git 分支。

加分点:我想添加一个参数,这样如果我输入git recent 20它就会运行:git reflog | egrep -io "moving from ([^[:space:]]+)" | awk '{ print $3 }' | awk ' !x[$0]++' | egrep -v '^[a-f0-9]{40}$' | head -n20 给我最近签出的 20 个 git 分支。

另外,是否有任何推荐的阅读/教程系列可以更好地理解该脚本的工作原理以及如何编写自定义 bash 脚本?谢谢。

git awk git-bash

3
推荐指数
1
解决办法
1334
查看次数

在 JavaScript 中使用 reduce() 对数组的负数求和

我正在尝试构建一个对给定数组的负数求和的函数。我想在这里使用reduce() 函数。这似乎是一个非常简单的练习。使用三元运算符检查数字是否为负数,从而将其与总数相加。然而,结果并不像我希望的那样:

const reducer = (tot, num) => ((num < 0) ? tot + num : tot);
const sumOfNegative = numbers => numbers.reduce(reducer);

console.log(sumOfNegative([3, -1, 0]))
// => 2
Run Code Online (Sandbox Code Playgroud)

预计在这里得到-1。不确定我是否很好地掌握了 reduce() 每一步在做什么。我做错了什么,代码如何遍历数组?

javascript arrays algorithm foreach iterator

1
推荐指数
1
解决办法
749
查看次数