关于 Angular 17 中的全局变量声明

Question

我想将我的 baseurl 声明为我的 Angular 项目中的全局变量，而不导入任何模块。我只想在任何组件或服务中输入 baseurl 时访问该值。目前我正在传递 child 中的 url，如下所示

{
     path: '',
     component: DashboardComponent,
     canActivate: \[authGuard\],
     data: { baseurl: 'https://192.168.1.10:45457/api/' },
     children: \[
     { path: 'dashboard', component: DashComponent },
     { path: 'audit', component: AuditComponent },
     { path: 'Person', component: PersonComponent },
      ...... 

Answer 1

声明像这样的全局变量不是一个好主意

const API_URL = 'https://192.168.1.10:45457/api/';

因为当你使用它的时候，你并不清楚它的源代码来自哪里！

您可以像这样在

main.ts

上声明一个导出变量

export const API_URL  = 'https://192.168.1.10:45457/api/';

然后在你想使用的地方，就可以做

import { API_URL } from './src/main';

执行此操作的另一种方法是使用

environments

，这是一个好方法，可以根据您所在的环境（开发或生产等）配置 url

创建环境 -> Andrew Allen 的回答供参考