如何从弹簧到角度获取动态URL

Question

我的后端是弹簧靴，前端是Angular 7。我希望spring-boot本地服务器地址在路由时在Angular中动态获取。 因此，如果更改了Spring Boot服务器中的端口地址，它也应该反映在Angular中？ 任何想法如何做到这一点。

我尝试使用window.location.host，但它反映了Angular的服务器地址（即localhost // 4200），而不是（localhost // 8080）。

_url ='http://localhost:8080/home/delete/';
_updateurl ='http://localhost:8080/home/delete/';

它应该显示为

url = SpringBoot +'home / delete'

Answer 1

您应该使用Angular ActivatedRoute。它将返回Angular应用程序所在的相对URL。它将不考虑您部署此应用程序的位置。

您可以观察当前的网址：

this.activatedRoute.url.subscribe(url => {
    // Do something with your current url when it changes
});

或者只是获得该网址的即时快照：

const snapShot = this.activatedRoute.snapshot;

Answer 2

人们，我已经解决了我的问题。到目前为止，我还没有找到一种方法，即angular可以扫描后端端口中的更改并相应地进行更改，但是我们可以做的是使用angular中的Environment.ts 所以基本上我们只需要放入

export const environment = {  
 Url: 'http://localhost:8080',
debugMode: false
};

以及您需要的任何地方，只需导入环境并添加     console.log(environment.Url+'abc');

它将起作用。