vue 封装 axios方法。

1. 安装 axios

2. 安装 qs

在vue-cli  src 创建 common 文件夹  => http.js

import axios from 'axios'
import qs from 'qs'

axios.defaults.baseURL = '添加域名'

export function get(url, params = {}) {
	return new Promise((resolve, reject) => {
		axios.get(url, {
			params: params
		}).then(res => {
			resolve(res.data)
		}).catch(error => {
			reject(error)
		})
	})
}

export function post(url, data = {}) {
	return new Promise((resolve, reject) => {
		axios.post(url, qs.stringify(data)).then(res => {
			resolve(res.data)
		}, error => {
			reject(error)
		})
	})
}

main.js

import axios from 'axios'
import { get , post } from '@/common/http.js' 	
Vue.prototype.$api = api
Vue.prototype.$get = get
Vue.prototype.$post = post

引用组件：

this.$get('',{data}).then((res)=>{
	     console.log(res)  		
 }).catch((error)=>{
console.log(error)
})

this.$post('',{data}).then((res)=>{
	     console.log(res)  		
 }).catch((error)=>{
console.log(error)
})