ember-fetch/ember-ajax compatible service

ember-fetch-service.js

import Service, { inject as service } from '@ember/service';
import fetch, { Request } from 'fetch';
import config from 'ember-foo/config/environment';

export default class FetchService extends Service {
  @service session;

  headers() {
    const headers = {};
    const token = this.session.data.authenticated.token || config.token;

    // authorization token.
    headers.Authorization = `${config.tokenPrefix} ${token}`;

    return headers;
  }

  async request(path, options={}) {
    const url = `${config.api}/${config.namespace}/${path}`;

    let response;

    try {
      response = await fetch(new Request(url, {
        method: 'GET',
        headers: this.headers(),
        ...options,
      }));
    } catch (err) {
      throw new Error(err);
    }

    const json = await response.json();

    if (response.ok) {
      return json;
    }

    throw json;
  }

  post(url, data, options={}) {
    return this.request(url, {
      body: JSON.stringify(data),
      method: 'POST',
      ...options,
    });
  }
}

example:

      @service fetch;
      ...
      try {
        await this.fetch.post('auth/register', {
          password: get('password'),
          username: get('username'),
        });
      } catch (err) {
        catchErrors(...);

        return undefined;
      }