vue-http-fast

simplly http request in vue component

How to install

yarn add vue-http-fast
# or
npm i vue-http-fast

import vueHttpFast from 'vue-http-fast';

// in Vue 2
Vue.use(vueHttpFast, { ...options });

// in Vue 3
App.use(vueHttpFast, { ...options });

// Option Example
options = {
  async launch(api, method, data, headers) {
    return axios({
      method: 'get',
      url: api,
      data,
      headers,
    });
  },
};

How to use

<http api="..." method="get" :params="{ hello: 'world' }" v-slot="{ data }">
  <div>{{ data }}</div>
</http>

How to Secondary Request

// Refresh according to the method set on the component
this.$refs.http.refresh(params, headers);

// Send request as method get
this.$refs.http.get(params, headers);

// Send request as method post
this.$refs.http.get(params, headers);

Or it can be written in template like

<http api="..." ref="http">
  <div>{{ data }}</div>

  <button @click="$refs.http.refresh">refresh</button>
  <button @click="$refs.http.get({ respect: false })">get</button>
  <button @click="$refs.http.post({ respect: true })">post</button>
</http>

Tip

vue-http-fast do not have the ability to send requests, you need to configure the request class during registration

Docs

Name	Type	Default	Description
api	String	''	address for request
method	String	get	be used when making the request
params	Object	{}	be sent with the request
immediate	Boolean	true	set request be sended immediately
wait	Boolean	true	set rending after response
http	Promise	none	reset tool of sending requests
requestInterceptor	Promise	(data, headers) => ({ data, headers })	interceptor before request
responseInterceptor	Promise	result => result	interceptor after response