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

时间:2019-11-12 08:27:57

标签: angular rest api swagger base-path

为了在我的Angular项目中集成由Angular生成的“ Angular-Typescript-Client-Generated”文件,我必须提供Api(http://localhost:8080)的路径。 Swagger生成的README文件说:

设置服务基本路径

如果与生成的基本路径不同,则可以在应用程序引导期间提供服务的基本路径。

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 { }

我尝试执行第二种方法“使用@ angular / cli”,但不幸的是我无法使用

import { BASE_PATH } from '';

因为错误

Cannot find module''

发生。我不太了解谁在ANgular项目中提供BASE_PATH。

您能帮我提供一些有关如何设置基本路径的想法,或者有关提供base_path的过程的一些说明吗?

谢谢!

1 个答案:

答案 0 :(得分:0)

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

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

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