ОШИБКА ReferenceError: конфигурация не определена Angular 7

Нет никакой связи между реквизитом config, который вы используете в конфигурации webpack, и тем, который вы используете в http-клиенте.

Вы можете сохранить конфигурацию как внешнюю константу для объекта, который вы передаете в веб-пакет. Примерно так:

    export const config = JSON.stringify({
        apiUrl: 'http://localhost:4000'
    })

    new webpack.DefinePlugin({
        config, // this is same as `config: config,`
    })

и тогда к вашим услугам вы сделаете

import { config } from 'path/to/webpack/config/file';

... your stuff here ...

return this.http.post<any>(`${config.apiUrl}/users/authenticate`, { username, password })

Один из возможных способов - объявить файл "apiUrl: ' http: // localhost: 4000 '" inside "environment.ts" следующим образом:

export const environment = {
  production: false,
  apiUrl: 'http://localhost:4000'
};

Файл находится под вашим проектом: "src / environment / environment.ts". Существует также версия Prod.

Получите доступ к значению в вашем коде следующим образом:

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

Затем в вашем классе (app.component.ts):

  constructor() {
    console.log('config.apiUrl', environment.apiUrl);
  }