Question

我从角度开始。我制作了我的第一个应用程序，我尝试定义一个基本网址，但我不能去做它。

我看过一些帖子，说使用这个：

import {APP_BASE_HREF} from '@angular/common';

@NgModule({
 ...
  providers: [{provide:APP_BASE_HREF,useValue:'/my/app'}],
 ...
})
export class AppModule { }

看起来容易但不起作用。

我使用Angular-cli创建应用程序，然后将此行添加到app.module.ts。然后运行服务但没有任何反应。在localhost上运行的应用程序：4200

Answer 1

提供商用于服务的DI。如果您想使用像URL这样的静态值，您可以：

环境变量

在您的环境文件夹中，您可以在每个环境文件中添加新值。

 export const environment = {
  production: false,
  APP_BASE_HREF : '/my/app'
 };

然后你可以用它随处导入

import { environment } from 'environments/environment'

它允许您根据您的环境设置多个变量值。

 ng serve --env=prod

常量设置

如果您只想获得每个环境的静态值，可以创建一个设置文件。

 export const SERVICESETTINGS = {
     USER_URL : '/api/user',  
 }

然后你只需要在你的班级中导入

import  { SERVICESETTINGS } from 'app/configs/serviceSettings';

将基本网址添加到角度应用

1 个答案: