在index.html中删除url，但如何在app.component.ts中使用它们

const apiUrl = 'https://api.example.com';
const loginUrl = 'https://login.example.com';

// 在代码中使用硬编码的URL
const getData = () => {
  // 发送请求到API
  fetch(apiUrl + '/data')
    .then(response => response.json())
    .then(data => console.log(data));
}

const redirectToLogin = () => {
  // 页面跳转到登录页面
  window.location.href = loginUrl;
}

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

import { environment } from '../environments/environment';

const apiUrl = environment.apiUrl;
const loginUrl = environment.loginUrl;

// 在代码中使用环境变量中的URL
const getData = () => {
  // 发送请求到API
  fetch(apiUrl + '/data')
    .then(response => response.json())
    .then(data => console.log(data));
}

const redirectToLogin = () => {
  // 页面跳转到登录页面
  window.location.href = loginUrl;
}