How to encapsulate get and post methods in axios in vue

This article introduces the relevant knowledge of "how to encapsulate get and post methods in vue". In the operation of actual cases, many people will encounter such a dilemma, so let the editor lead you to learn how to deal with these situations. I hope you can read it carefully and be able to achieve something!

Get and post methods encapsulated by vue 2.x axios

Import axios from 'axios'import qs from' qs'export class HttpService {Get (url, data) {return new Promise ((resolve, reject) = > {axios.get (url, {params: data}). Then ((res) = > {if (res) {/ / successful callback resolve (res);}}). Catch ((error) = > {reject (error)) })} Post (url, data) {return new Promise ((resolve, reject) = > {axios.post (url, qs.stringify (data), {headers: {'Content-Type':' application/x-www-form-urlencoded' 'Accept':' application/json'}}) .then ((res) = > {if (res) {/ / successful callback resolve (res) }}) .catch ((error) = > {reject (error);})}}

Postfile method

PostFlie (url, data) {return new Promise ((resolve, reject) = > {/ / generate FormData objects from data objects var temp = new FormData (); for (var t in data) {temp.append (t, data [t]);} axios.post (url, temp). Then ((res) = > {if (res) {resolve (res.Data)) }}). Catch ((error) = > {reject (error);})}} "how axios encapsulates get and post methods in vue" ends here. Thank you for reading. If you want to know more about the industry, you can follow the website, the editor will output more high-quality practical articles for you!