axios请求的封装

axios请求的封装**

1.创建一个http.js文件
在文件中
import Vue from ‘vue’
import axios from ‘axios’
const vm = new Vue() //这里创建一个Vue实例是因为想调用在Vue原型注册的qs
const URL = ‘http"//test.com/api/’;这个是接口地址通用首部（比如你的每个请求的接口地址前面都是http"//test.com/api/"）可在配置里面写并调用，这里采取简单的用法

//axios是否需要携带Cookie
axios.defaults.withCredentials = true （不需要的可不写）

//创建axios并设置参数,这里设置为发送一般请求，
const http = axios.create({
timeout: 10000,
baseURL: URL,
header: {
‘Content-Type’: ‘application/x-www-form-urlencoded;charset=UTF-8’,
}
});

//请求拦截器（这个写不写看个人需求）
http.interceptors.request.use(async (configs) => {
//这里写请求发出前想做出的操作
return configs //这个必须写
}, err => {
return Promise.reject(error)
})
//设置请求方法
export default {
get( url,params = {} ){
return new Promise (async (resolve, reject) => {
//Qs.stringify()将对象 序列化成URL的形式，供后台识别
try {
const data = await http.get(url,vm.KaTeX parse error: Expected '}', got 'EOF' at end of input: … vm.toast(desc)
}
}else{
resolve(data.data) //返回成功数据
vm.$toast.clear()
}
}
catch(err) {
console.log(err)
// 提示报错信息

      }
    })
  },
post(url, params = {}) {
 return new Promise(async (resolve, reject) => {
  // params.sessionId = sessionStorage.getItem('sessionId') || ""
  try {
    const data = await http.post(url,vm.$qs.stringify(params))
    const code = Number(data.dat