vue中对axios封装

在一个正常的项目中对axios的封装是必不可少的，只有这样才能更方便的调用请求，方便后期维护。

首先不用多说先安装axios

npm install --save axios vue-axios

然后新建一个request.js文件

import axios from 'axios'

const service = axios.create({
  baseURL: '请求地址',
  withCredentials: true, //跨域请求时发送cookies
  headers: {
    'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'
  },
  // timeout: 10000 // 请求超时
})

export default service

 那么这个时候就可以使用了

import request from '@/utils/request'

request({
    url: '/login',
    method: 'post',
    data: data
}).then(res=>{
    //请求成功操作
}).catch(err=>{
    //请求失败操作
})