Vue axios封装

根目录打开src目录创建request文件夹

创建两个文件http.js、api.js

http.js

import axios from 'axios'
// 环境的切换
if (process.env.NODE_ENV === 'development') {
  axios.defaults.baseURL = 'http://192.168.3.5:8084/'
} else if (process.env.NODE_ENV === 'debug') {
  axios.defaults.baseURL = 'http://192.168.3.5:8084/'
} else if (process.env.NODE_ENV === 'production') {
  axios.defaults.baseURL = 'http://192.168.3.5:8084/'
}
axios.defaults.timeout = 10000
axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded;charset=UTF-8;multipart/form-data'
/**
 * get方法，对应get请求
 * @param {String} url [请求的url地址]
 * @param {Object} params [请求时携带的参数]
 */
export function get (url, params) {
  return new Promise((resolve, reject) => {
    axios.get(url, {
      params: params
    }).then(res => {
      resolve(res.data)
    }).catch(err => {
      reject(err.data)
    })
  })
}
/**
 * post方法，对应post请求
 * @param {String} url [请求的url地址]
 * @param {Object} params [请求时携带的参数]
 */
export function post (url, params) {
  return new Promise((resolve, reject) => {
    axios.post(url, params)
      .then(res => {
        resolve(res.data)
      })
      .catch(err => {
        reject(err.data)
      })
  })
}

api.js

//引入http.js
import { get, post } from './http'
//请求地址http://192.168.3.5:8084/exam/question
//http://192.168.3.5:8084/在http.js已定义
//在api.js只需要接口就行了
export const api = p1 => get('exam/question', p1)

在需要使用的页面引入import {api} from ‘@/request/api’;

{内可以多个}

api({
//参数
}).then(res => {
    //成功返回            
})