要设置Angular 8中生产环境的API基础URL,您可以按照以下步骤进行操作:
打开src/environments文件夹,你会看到两个文件:environment.ts和environment.prod.ts。environment.ts是开发环境的配置文件,environment.prod.ts是生产环境的配置文件。
在environment.prod.ts文件中,添加一个名为baseUrl的变量,并将其设置为您的API基础URL。例如:
export const environment = {
production: true,
baseUrl: 'https://api.example.com'
};
import { Injectable } from '@angular/core';
import { environment } from '../environments/environment';
@Injectable({
providedIn: 'root'
})
export class ApiService {
baseUrl: string = environment.baseUrl;
constructor() { }
}
import { Component } from '@angular/core';
import { ApiService } from './api.service';
@Component({
selector: 'app-root',
template: 'API Base URL: {{ apiService.baseUrl }}
',
})
export class AppComponent {
constructor(public apiService: ApiService) { }
}
这样,在生产环境中,您可以在environment.prod.ts文件中设置正确的API基础URL,并使用ApiService在应用的其他地方访问它。
请注意,您还需要在构建生产版本时使用--prod标志,以确保使用environment.prod.ts文件中的配置。例如,运行以下命令构建生产版本:
ng build --prod
希望这可以帮助到您!