BASE_PATH 在 Angular 项目中扮演什么角色?

What role does BASE_PATH play in Angular projects?

为了将Angular生成的"Angular-Typescript-Client-Generated"文件集成到我的Angular项目中,我必须提供Api的路径(http://localhost:8080). Swagger 生成的自述文件说:

设置服务基路径

如果与生成的基本路径不同,在应用 bootstrap 期间,您可以为您的服务提供基本路径。

import { BASE_PATH } from '';

bootstrap(AppComponent, [
    { provide: BASE_PATH, useValue: 'https://your-web-service.com' },
]);

import { BASE_PATH } from '';

@NgModule({
    imports: [],
    declarations: [ AppComponent ],
    providers: [ provide: BASE_PATH, useValue: 'https://your-web-service.com' ],
    bootstrap: [ AppComponent ]
})
export class AppModule {}
使用@angular/cli

首先通过添加相应的基本路径来扩展您的 src/environments/*.ts 文件:

export const environment = {
  production: false,
  API_BASE_PATH: 'http://127.0.0.1:8080'
};

在src/app/app.module.ts:

import { BASE_PATH } from '';
import { environment } from '../environments/environment';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [ ],
  providers: [{ provide: BASE_PATH, useValue: environment.API_BASE_PATH }],
  bootstrap: [ AppComponent ]
})
export class AppModule { }

我尝试执行第二种方法"Using @angular/cli"但不幸的是我不能使用

import { BASE_PATH } from '';

因为错误

Cannot find module''

发生。我不太明白 ANgular 项目中的 BASE_PATH 是谁提供的。

你能帮我提供一些关于如何设置基本路径的想法或一些关于提供 base_path 的过程的解释吗?

谢谢!

勾选documentation here。 BASE_PATH 应该在其中一个文件中声明

import { BASE_PATH } from '@swagger/angular2-typescript-petstore';

bootstrap(AppComponent, [
    { provide: BASE_PATH, useValue: 'https://your-web-service.com' },
]);