无法在 public/index.html 中获取反应应用程序的环境变量

Question

试图从 public/index.html 文件中获取环境值

尝试使用 config.js 中的 window.APPDYNAMICS_KEY

公共/index.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.png" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="theme-color" content="#000000" />
    <script src="src/config.js"></script>
    <script charset='UTF-8'>
      if(window.APPDYNAMICS_KEY){
....

src/config.js

export default {
  STAGE: process.env.NODE_ENV || 'development',
  ...
  APPDYNAMICS_KEY: process.env.REACT_APP_APPDYNAMICS_KEY,
};

.env

...
REACT_APP_APPDYNAMICS_KEY=SAMPLE-KEY HERE
HTTPS=true

Answer 1

原来我不必导入任何脚本。

只需在我的 index.html 中使用以下'%REACT_APP_APPDYNAMICS_KEY%'

公共/index.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.png" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="theme-color" content="#000000" />
    <script charset='UTF-8'>
      if('%REACT_APP_APPDYNAMICS_KEY%'){
....

.env

...
REACT_APP_APPDYNAMICS_KEY=SAMPLE-KEY HERE
HTTPS=true

Answer 2

2022年解决方案

在创建反应应用程序中，我有.env.production 、 .env.staging和.env.development 。

在所有.env文件中，我都有REACT_APP_FB_ID 。

所以在index.html我只使用<meta name="fb:app_id" content="%REACT_APP_FB_ID%" />

无法在 public/index.html 中获取反应应用程序的环境变量

问题描述

1 个解决方案

解决方案1
0 已采纳 2021-07-30 09:07:55

解决方案2
0 2022-07-13 15:21:54

无法在 public/index.html 中获取反应应用程序的环境变量

问题描述

1 个解决方案

解决方案1 0 已采纳 2021-07-30 09:07:55

解决方案2 0 2022-07-13 15:21:54

解决方案1
0 已采纳 2021-07-30 09:07:55

解决方案2
0 2022-07-13 15:21:54