Javascript 浏览器控制台中的可调用函数，带角度2+；

我们有一个用Angular 9开发的应用程序，它调用API

目标是更改API URL以调用本地部署的URL，而不让Angular应用程序在本地运行：

>  changeUrl("localhost:8080")

APIs URL as changed from "example.com" to "localhost:8080" 

在这个调用之后，应用程序应该向

localhost:8080

发出请求

是否有办法在运行时从浏览器调试控制台更改角度应用程序变量？最好使用自定义函数

---

此外，我应该在何处定义此函数/代码，以便在生产模式下运行时调用它？

您可以在

应用程序组件.ts

中的

窗口

对象中添加附加

更改URL

，例如

...
class AppComponent {

  constructor() {
    (window as any).changeUrl = this.changeUrl.bind(this);
  }

  changeUrl(url) {
    //.....changeUrl implementation
  }
}

后者可通过以下方式从开发人员控制台调用：

---

window.changeUrl（url）

您可以将attach

changeUrl

添加到

app.component.ts中的
窗口
对象中，例如

...
class AppComponent {

  constructor() {
    (window as any).changeUrl = this.changeUrl.bind(this);
  }

  changeUrl(url) {
    //.....changeUrl implementation
  }
}

后者可通过以下方式从开发人员控制台调用：
window.changeUrl（url）
您可以在
app.component.ts的
window
中添加对
changeUrl
的引用。然后
changeUrl
将在
控制台上可用
。然后
changeUrl
将在
控制台上可用