$ http.post не работает в AngularJS

XMLHttpRequest не может загрузить https://mipage.com/examplephp. Поле заголовка запроса Content-Type не разрешено заголовками Access-Control-Allow-Headers в предполетном ответе.

Если я изменю $ http.post на $ http.get, запросите ответ сервера с JSON, так что.. Я думаю, что это не проблема CORS. Также я поставил прокси в ионный проект.

Объяснение:

Когда вы делаете HTTP-запрос GET из объекта http: http.get(), передающего params, они добавляются в querystring, а поскольку запрос не имеет тела сообщения, угловой httpProvider удаляет заголовок Content-Type запроса.

Итак, ваши параметры $ http.get в querystring:

username=prueba123&password=prueba123

В противном случае для HTTP POST-запроса из объекта http http.post(), передающего объект params, они разбираются в json и вставляются в тело сообщения запроса, тогда httpProvider добавляет заголовок HTTP-запроса Content-Type: application/json.

Итак, ваши параметры $ http.post в теле сообщения запроса:

{"username":"prueba123","password":"prueba123"}

Это делается по умолчанию transformRequest функцией углового httpProvider

Как-то вы нарушаете политику CORS, тогда вам нужно настроить веб-сервер api или ваш api-сервер для обработки нарушения политики CORS, в частности, ваша ошибка возникает из-за отсутствия содержимого в Access-Control-Request -Отчетное поле ответа.

Возможное решение (в вашем конкретном случае)

Если вы запускаете приложение из локального с помощью ионного фреймворка, вам необходимо настроить файл ionic.config.json и добавить прокси-адрес того же адреса и порта, на котором размещено ваше приложение, поэтому вы не нарушаете политику CORS.

пример:

    {
  "name": "example project",
  "app_id": "11ffxxxx",
   //etc etc..
  "proxies": [
    {
      "path": "/api",
      "proxyUrl": "http://192.168.1.152:9083/api"
    }
  ]
}

наконец, в вашем угловом приложении вам необходимо правильно настроить API-конечную точку при запуске из локального:

function obtenerSesion() {
        debugger;
        return $http.post("/api",
                 {params: {username: 'prueba123',password: 'prueba123'}}).then(function(response) {
            canchas = response.data;        
            return canchas;
        })
        .catch(generarError);
    }

Я советую вам автоматизировать этот процесс, используя javascript task runner (gulp, grunt)