Как загрузить документы в CouchDB из Angular с помощью HttpClient

Question

Я установил новую CouchDB на своем локальном компьютере. Когда я пытаюсь загрузить новые документы в существующую базу данных, используя метод HTTP POST, CouchDB отклоняет запрос и утверждает, что это был метод HTTP OPTIONS.

Машинопись классов

Мой класс обслуживания выглядит следующим образом.

import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';

@Injectable()
export class DbService {

    private static readonly BASE_URL = 'http://localhost:5984/';
    private static readonly ENTRIES_URL = DbService.BASE_URL + 'entries';

    constructor(private http: HttpClient) { }

    writeEntry(entry: Object): Promise<Object> {
        return this.http.post<Object>(DbService.ENTRIES_URL, entry).toPromise();
    }
}

Служба используется следующим методом, расположенным в классе компонентов.

private onEntry(entry: Object): void {
    try {
         console.log('onEntry', entry);
         this.dbService.writeEntry(entry)
             .then(r => console.log(r))
             .catch(e => console.error(e));
    } catch (error) {
        console.error(error);
    }
}

То, что я пробовал до сих пор

1. Используя Fauxton, я создал новую базу данных с именем записи
2. Я успешно загрузил новые документы в базу данных records , используя curl следующим образом

   curl -H 'Content-Type: application/json' -X POST 
   http://127.0.0.1:5984/entries -d '{ "amount": 1 }' 
   

3. При запуске углового кода (например, браузер Chrome)
   • Я вижу информацию о журнале консоли (до вызова службы), а затем журнал ошибок.
   • CouchDB регистрирует следующее (метод 405 не разрешен)

     [notice] 2019-04-09T06:03:26.304000Z couchdb@localhost  00d60c0651 localhost:5984 127.0.0.1 undefined OPTIONS /entries 405 ok 7  
     

Последняя попытка

При изменении моего метода обслуживания следующим образом, метод POST наконец переносится на провод, но CouchDB регистрирует HTTP 415 (неподдерживаемый тип носителя)

writeEntry(entry: Object): Promise<Object> {
    const httpHeaders = new HttpHeaders();
    httpHeaders.set('Accept', 'application/json');
    httpHeaders.set('Content-type', 'application/json');
    const httpOptions = {
      headers: httpHeaders
    };
    return this.http.post<Object>(DbService.ENTRIES_URL, JSON.stringify(entry), httpOptions).toPromise();
} 

[notice] 2019-04-09T13:35:59.312000Z couchdb@localhost  9910b3c996 localhost:5984 127.0.0.1 undefined POST /entries 415 ok 3

Answer 1

Возможно, это связано с проблемами CORS.

Попробуйте включить CORS на сервере HTTP CouchDB: https://docs.couchdb.org/en/stable/config/http.html#config-cors

Эта функция была встроена в https://issues.apache.org/jira/browse/COUCHDB-431