在Angular中，可以通过使用环境变量来访问不同的配置。以下是解决“Angular 5环境变量访问问题”的一个示例：

首先，创建两个环境配置文件：environment.prod.ts和environment.ts。这些文件将包含不同环境的配置。

environment.prod.ts：

export const environment = {
  production: true,
  apiUrl: 'https://prod-api.example.com'
};

environment.ts：

export const environment = {
  production: false,
  apiUrl: 'https://dev-api.example.com'
};

然后，在你的组件中，通过导入环境变量并使用它来访问配置。

app.component.ts：

import { Component } from '@angular/core';
import { environment } from '../environments/environment';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  apiUrl = environment.apiUrl;

  constructor() {
    console.log(this.apiUrl);
  }
}

在上面的示例中，我们通过导入environment.ts文件并将其赋值给environment常量。然后，我们可以使用environment.apiUrl来访问API的URL。

最后，在构建或运行Angular应用程序时，可以通过使用--configuration标志指定不同的环境。例如，使用以下命令构建生产环境：

ng build --configuration=production

这将使用environment.prod.ts中的配置。

希望这个示例能帮助你解决Angular 5环境变量访问问题。