beyonk-group / http Goto Github PK

import * as sapper from '@sapper/app'
import Api from '@beyonk/sapper-httpclient'

Api.configure({ baseUrl: 'http://localhost:8080' })
sapper.start({
	target: document.querySelector('#sapper')
});

...
import Api from '@beyonk/sapper-httpclient'

Api.configure({ baseUrl: 'http://localhost:8080' })

const { PORT, NODE_ENV } = process.env
const dev = NODE_ENV === 'development'
...

import httpClient from '@beyonk/sapper-httpclient'

const api = httpClient.create();

'configure' is not exported by node_modules/@beyonk/sapper-httpclient/index.js

<script context="module">
    import {create} from '@beyonk/sapper-httpclient';

    export function preload(page) {
        const api = create();
        return {json} = await api
                .transport(fetch) // pass node fetch in here.
                .endpoint('/meetups')
                .get();
        console.log(json);
    }
</script>

Access to fetch at 'http://localhost:3001/api/v1/meetups' from origin 'http://localhost:3000' has been blocked by CORS policy: The value of the 'Access-Control-Allow-Credentials' header in the response is '' which must be 'true' when the request's credentials mode is 'include'.

<script context="module">
  import { create } from "@beyonk/sapper-httpclient";
  import { fetch } from "@sapper/app";

  export async function preload(page, session) {
    const api = create();
    const res = await api
      .transport(fetch) // Use sapper's built in "fetch" method
      .endpoint("http://scrapex.local/api/")
      .get();
  }
</script>