Vue项目关于axios的二次封装service

一、安装axios:npm i axios --save
二、在src目录下新建文件service.js
三、在service.js文件中写入以下代码

import axios from 'axios'

// 创建一个拥有通用配置的axios实例,实例中的配置内容根据实际开发需求而定
export const service = axios.create({
  baseURL: 'http://***.***.*.**:8080/', // 测试环境
  timeout: 1000 * 10, // 请求超时的毫秒数,如果请求花费超过timeout的时间,请求将被中断
  withCredentials: true, // 表示跨域请求时是否需要使用凭证,默认fasle
  headers: { 'Cache-Control': 'no-cache' } // 不允许缓存，需要重新获取请求
})

// 添加请求拦截器
service.interceptors.request.use(config => {
  // 在发送请求之前做些什么
  return config
}, error => {
  // 对请求错误做些什么
  return Promise.reject(error)
})

// 添加响应拦截器
axios.interceptors.response.use(response => {
  // 对响应数据做点什么
  return response
}, error => {
  // 对响应错误做点什么
  return Promise.reject(error)
})

以上是对axios的初步封装，具体功能根据实际需求在service.js文件中进行配置

四、全局使用使用service(也可以局部使用,稍后会说明局部使用方法)
第一步：在main.js中进行挂载

import