添加路由时index.html中的脚本标签不可用

如何解决添加路由时index.html中的脚本标签不可用

我有一个react应用，我正在实现全局支付HPP，该HPP可在主页上使用，路径为“ ./”。当我将路由路径更改为“ ./home/makepayment”之类的内容时，找不到我添加到index.html的脚本标签。

下面的方法是打开托管页面，但是添加路由时index.html中的脚本标签不可用

    function copyKord(){
    var text = document.getElementById("kord").innerHTML;
    console.log(text);
    text.select();
    document.execCommand("copy");
}

上面的代码使用下面的脚本标签，该标签被导入到公共文件夹中。

 handleClick(i) {
    $.getJSON("Datafromserver",function (
      jsonFromrequestEndpoint
    ) {
      debugger;
      window.RealexHpp.setHppUrl("https://pay.sandBox.realexpayments.com/pay");
      window.RealexHpp.lightBox.init(
        "payButtonId","/ResponseDetails",jsonFromrequestEndpoint
      );
    });
  }

下面是使用的路由页面，当我将功能添加到主页上的按钮时，它可以正常工作，但是当将其添加到付款页面时，出现错误TypeError：无法读取未定义的属性'setHppUrl'和这是因为它没有在index.html

中获取脚本标签。

<script  src="Scripts/rxp-js.js"></script>