javascript - 如何将配置值从 Asp.Net Core MVC 2.0 配置文件推送到 React TypeScript 客户端脚本？

Question

我有一个在 ASP.NET MVC Core 2.0 上使用 React Template 的应用程序。 我在服务器端的配置文件中有属性 - SiteURL。我需要将它推送到客户端 TypeScript，但不明白我该怎么做？

我试图通过将它们放在最后一个脚本中来插入它们抛出 Home/Index 文件

SiteProps.SiteURL= "http://mysiteurl.org"

在我做的客户上

export var SiteProps: { SiteURL: string } = {SiteURL: ""};

并在启动时导入这个文件

但是我看到在控制台上测试这个属性

Uncaught ReferenceError: SiteProps is not defined

我认为 JavaScript 没有从 TypeScript 上下文中看到我的属性。

问题是如何使这段代码工作，以及将常量值(属性)推送到客户端 TypeScript 代码的最佳实践是什么。

Answer 1

我找到了在 Home/Index 上制作这一行的解决方案:

<div id="site-props" style="display: none;">@ViewBag.PropsJSON</div>

其中 PropsJSON 是我配置的 JSON 字符串。 之后我使用这段代码初始化我的 clientscript 配置:

function ImportProps() {
    var ell = document.getElementById('site-props');
    var jsontext = ell!.innerText;
    SiteProps = JSON.parse(jsontext);
}