Angular完整项目开发6 - 添加全局变量

Angular开发，在不同的组件中都会向后端发送请求，url内容有很大程度的重复：

http://localhost:4200/webapp/device
http://localhost:4200/webapp/sysuser
...

于是考虑把重复的部分拿出来，做成全局变量。网上查到了方法。

1. 添加全局文件global.ts, 内容为export声明。

export const commonURL:string = "http://localhost:4200/webapp";

2. 在组件或服务中引用和调用

device.service.ts

...
import {commonURL} from '../../global';
...

url = commonURL + '/device';

 

实测有效。