vue on axios get pust put delete package

 

 axios.js

import axios from 'axios';
import Qs from 'qs';
import {Message} from 'element-ui';


axios.defaults.baseURL = "/api";
// Set request timeout
axios.defaults.timeout = 30000;

// set the post request header
axios.defaults.headers.post['Content-Type'] = 'application/json;charset=UTF-8';

// intercept request
axios.interceptors.request.use(config => {
    // do something like verification token before sending the request

    return config;
}, error => {
    // What do request error

    Message.error ({message: 'Request Timeout!'})
    return Promise.error(error);
})

// response interception
axios.interceptors.response.use(response => {
    // do something in response to data

    return response;
}, error => {
    // do something wrong response

    return Promise.reject(error);
});


// get method and packaging method of post

/**
 * Get method, the corresponding get request
 * @Param {String} url [url address request]
 * @Param {Object} params [carried request parameter]
 */
export function get(url, params) {
    return new Promise((resolve, reject) => {
        axios.get (url, {
            params: params
        }).then(res => {
            resolve(res.data);
            //  Loading.service(true).close();
            // Message ({message: 'request was successful', type: 'success'});
        }).catch(err => {
            reject(err.data)
            //  Loading.service(true).close();
            Message ({message: 'failed to load', type: 'error'});
        })
    });
}

/**
 * Post method, corresponding to post requests
 * @Param {String} url [url address request]
 * @Param {Object} params [carried request parameter]
 */
export function post(url, params) {
    return new Promise((resolve, reject) => {
        axios.post (url, params)
            .then(res => {
                resolve(res.data);
                // Loading.service(true).close();
                // Message ({message: 'request was successful', type: 'success'});
            })
            .catch(err => {
                reject(err.data)
                // Loading.service(true).close();
                Message ({message: 'failed to load', type: 'error'});
            })
    });
}

/**
 * Post process parameter sequence of
 * @Param {String} url [url address request]
 * @Param {Object} params [carried request parameter]
 */
export function qspost(url, params) {
    return new Promise((resolve, reject) => {
        axios.post(url, Qs.stringify(params))
            .then(res => {
                resolve(res.data);
                //  Loading.service(true).close();
                // Message ({message: 'request was successful', type: 'success'});
            })
            .catch(err => {
                reject(err.data)
                // Loading.service(true).close();
                Message ({message: 'failed to load', type: 'error'});
            })
    });
}


/**
 * Put method, put request corresponding to
 * @Param {String} url [url address request]
 * @Param {Object} params [carried request parameter]
 */
export function put(url, params) {
    return new Promise((resolve, reject) => {
        axios.put(url, params)
            .then(res => {
                resolve(res.data);
                // Loading.service(true).close();
                // Message ({message: 'request was successful', type: 'success'});
            })
            .catch(err => {
                reject(err.data)
                // Loading.service(true).close();
                Message ({message: 'failed to load', type: 'error'});
            })
    });
}


/**
 * delete
 * @Param {String} url [url address request]
 * @Param {Object} params [carried request parameter]
 */
export function deletefn(url, params) {
    return new Promise((resolve, reject) => {
        axios.delete (url, params)
            .then(res => {
                resolve(res.data);
                // Loading.service(true).close();
                // Message ({message: 'request was successful', type: 'success'});
            })
            .catch(err => {
                reject(err.data)
                // Loading.service(true).close();
                Message ({message: 'failed to load', type: 'error'});
            })
    });
}

 

 brand.js

import { get,post,qspost,put,deletefn } from '../../utils/axios/axios'



export const getBrandList = data => post("/item/brand/list",data)

export const addBrand = data =>post("/item/brand",data);

Brand.vue

 import {getBrandList,addBrand} from "../../api/item/brand";