在Angular 6中,可以通过配置文件来设置生产和开发环境的基本URL。以下是一个示例解决方案:
创建两个环境配置文件:
environment.prod.ts
:用于生产环境environment.ts
:用于开发环境在src/environments
目录下创建这两个文件。
在environment.prod.ts
中,设置生产环境的基本URL:
export const environment = {
production: true,
apiUrl: 'http://production-url.com'
};
在environment.ts
中,设置开发环境的基本URL:
export const environment = {
production: false,
apiUrl: 'http://development-url.com'
};
在src/app
目录下创建一个新的文件config.ts
,用于获取正确的环境配置:
import { environment } from '../environments/environment';
export const config = {
apiUrl: environment.apiUrl
};
在应用程序中使用config.ts
中的配置:
import { config } from './config';
// 使用基本URL
console.log(config.apiUrl);
在angular.json
文件中,设置正确的构建配置,以便在构建时使用正确的环境配置。在projects.
中添加以下代码:
"production": {
"fileReplacements": [
{
"replace": "src/environments/environment.ts",
"with": "src/environments/environment.prod.ts"
}
]
}
在运行开发服务器时,使用ng serve --configuration=development
命令来指定使用开发环境配置。
这样,你就可以在Angular 6中设置生产和开发环境的基本URL,并根据需要使用正确的配置。