1. //  引入axios包
    2. import axios from 'axios'
    4. // POST 方法封装  (参数处理)
    5. export const postRequest = (url, params) => {
    6.   return axios({
    7.     method: 'post',
    8.     url: url,
    9.     data: params,
    10.     transformRequest: [function(data) {
    11.       let result = ''
    12.       for(let item in data) {
    13.         result += encodeURIComponent(item) + '=' + encodeURIComponent(data[item]) + '&'
    14.       }
    15.       return result
    16.     }],
    17.     headers: {
    18.       'Content-Type': 'application/x-www-form-urlencoded'
    19.     }
    20.   });
    21. }
    23. // POST 方法封装  (文件上传)
    24. export const uploadFileRequest = (url, params) => {
    25.   return axios({
    26.     method: 'post',
    27.     url: url,
    28.     data: params,
    29.     headers: {
    30.       'Content-Type': 'multipart/form-data'
    31.     }
    32.   });
    33. }
    35. //  GET 方法封装
    36. export const getRequest = (url) => {
    37.   return axios({
    38.     method: 'get',
    39.     url: url
    40.   });
    41. }
    43. //  PUT 方法封装
    44. export const putRequest = (url, params) => {
    45.   return axios({
    46.     method: 'put',
    47.     url: url,
    48.     data: params,
    49.     transformRequest: [function(data) {
    50.       let ret = ''
    51.       for(let it in data) {
    52.         ret += encodeURIComponent(it) + '=' + encodeURIComponent(data[it]) + '&'
    53.       }
    54.       return ret
    55.     }],
    56.     headers: {
    57.       'Content-Type': 'application/x-www-form-urlencoded'
    58.     }
    59.   });
    60. }
    62. //  DELETE 方法封装
    63. export const deleteRequest = (url) => {
    64.   return axios({
    65.     method: 'delete',
    66.     url: url
    67.   });
    68. }
    71. // 在main.js中引入
    72. import {getRequest, postRequest, deleteRequest, putRequest} from '@/utils/request.js'
    74. // 将axios RESTful请求封装方法添加到VUE原型上
    75. Vue.prototype.getRequest = getRequest;
    76. Vue.prototype.postRequest = postRequest;
    77. Vue.prototype.deleteRequest = deleteRequest;
    78. Vue.prototype.putRequest = putRequest;