如何在common services中读取environment.ts文件的URL变量

• 第一步：修正environment.ts的语法问题与键名规范
  你当前的environment文件存在两处可优化点：export后缺少const关键字，API URL键名含空格不符合常规命名规范，修正后示例如下：

  export const environment = {  
    local: true,
    title: 'Local Environment Heading',
    // 调整为驼峰命名方便后续点语法访问
    apiUrl: 'http://localhost:8090/myapp/',
    staging: false,
    production: false,
  };
  

  如果你坚持保留API URL空格键名也可以，后续用方括号语法访问即可。
• 第二步：在common service中导入environment并读取变量
  首先根据你项目的实际目录结构调整相对路径，导入environment对象，之后直接读取对应属性即可，示例代码如下：

  // 示例相对路径：如果service存放在src/app/services/，environment存放在src/environments/，路径如下，可根据你的目录结构自行调整
  import { environment } from '../../environments/environment';
  
  @Injectable({
    providedIn: 'root'
  })
  export class CommonService {
    // 读取apiUrl赋值给内部变量，直接使用即可
    private baseApiUrl = environment.apiUrl;
    // 如果保留空格键名，写法改为：private baseApiUrl = environment['API URL'];
  
    constructor() {
      // 可自行打印验证是否读取成功
      console.log('接口基础地址：', this.baseApiUrl);
    }
  
    // 后续接口请求直接拼接路径即可
    getList() {
      return this.http.get(`${this.baseApiUrl}list/get`)
    }
  }
  

内容的提问来源于stack exchange，提问作者Ash