如何在JSON文件中使用在.env文件中声明的url？

pbpqsu0x 于 2023-01-22 发布在其他

关注(0)|答案(1)|浏览(160)

我创建了一个react应用程序，其中我创建了一个.env文件，并在其中声明了一个URL，我必须在我的应用程序中全局使用该URL。

.env文件：-

NODE_ENV=development
REACT_APP_BASE_URL = "http://localhost:8082"

现在我已经在我想使用它的地方以这种方式使用了这个URL。

window.location.href = `${process.env.REACT_APP_BASE_URL}`;

以同样的方式，我必须在一些JSON文件中使用这个URL，但是我不能以我上面声明的方式使用这个URL。
那么如何在JSON文件中使用这个URL呢？

JSON

来源：https://stackoverflow.com/questions/75183412/how-to-use-a-url-in-json-file-which-is-declared-in-env-file

1条答案

按热度按时间

new9mtju1#

在JSON文件中没有直接使用变量的方法，但是可以使用占位符，然后用想要的值替换它们。
例如：

{
  apiURL: "$(API_END_POINT)"
}

然后在React中，您可以加载数据并将变量替换为您想要的变量

import jsonFile from "./jsonfile.json"

const Component = () => {
   useEffect(() => {
    JSON.strigify(jsonFile).replace("$(API_END_POINT)", 
    proces.env.REACT_APP_API_URL)
   },[]}
   
   /*
    ...Rest of the code
   */
}

赞(0）回复(0）举报 2023-01-22

我来回答

如何在JSON文件中使用在.env文件中声明的url？

1条答案

相关问题

热门标签

最新问答