Angular 2, как определить базовый URL для запросов HTTP

Question

Angular 2, как определить базовый URL для запросов HTTP

-1

Я объявил http адрес http вручную в своем приложении. Это нормально для локальной среды, но когда он готов к развертыванию на сервере, его необходимо изменить в соответствии с хостом сервера. Поэтому мне нужно решение, как преодолеть эту проблему.

Заранее спасибо!

Zaza 03 авг. 2017, в 07:51

Источник

Теги:

php

angular

laravel

api

1 ответ

Ещё вопросы

Hemant Nagarkoti · Answer 1 · 2017-08-03T03-13-00.000Z

Есть два способа, которыми я знаю

Создайте один файл env.js и напишите ниже код

  (function (window) {

   window.__env = window.__env || {};

  // API url
  window.__env.baseUrl = 'http://localhost:8080';

  // Base url
   window.__env.middleware = '/api/v1';

  // Whether or not to enable debug mode
  // Setting this to false will disable console output
  window.__env.enableDebug = true;
}(this));

Вы используете аксиомы, которые я предпочитаю. Это помогает нам управлять заголовками и отделяет наш API-код. Пример:

var axios = require('axios');
var axiosApi = axios.create({

    baseURL: config.host,

    headers: {

   // "authorization": "Basic dXNlckBjbG9uZWN0LmNvbTpQYXNzQDEyMw==",
      "content-type": "application/json"
    },
  // withCredentials: true,
      auth: {
        username: config.user,
        password: config.password
      }
   })

В то время как config.host, config.user - это переменные, объявленные в config.js на основе вашего типа среды.