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

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

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

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

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

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

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

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

device.service.ts

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

url = commonURL + '/device';

 

实测有效。

上一篇:分享Vue3.0高阶实战:开发高质量音乐Webapp完整


下一篇:centos监控系统主进程