欧美大屁股bbbbxxxx,狼人大香伊蕉国产www亚洲,男ji大巴进入女人的视频小说,男人把ji大巴放进女人免费视频,免费情侣作爱视频

歡迎來到入門教程網(wǎng)!

JavaScript

當(dāng)前位置:主頁 > 網(wǎng)絡(luò)編程 > JavaScript >

vue 對axios get pust put delete封裝的實(shí)例代碼

來源:本站原創(chuàng)|時(shí)間:2020-01-10|欄目:JavaScript|點(diǎn)擊: 次

axios.js

import axios from 'axios';
import Qs from 'qs';
import {Message} from 'element-ui';
 
 
axios.defaults.baseURL = "/api";
// 設(shè)置請求超時(shí)時(shí)間
axios.defaults.timeout = 30000;
 
// 設(shè)置post請求頭
axios.defaults.headers.post['Content-Type'] = 'application/json;charset=UTF-8';
 
// 請求攔截
axios.interceptors.request.use(config => {
  // 在發(fā)送請求之前做些什么 驗(yàn)證token之類的
 
  return config;
}, error => {
  // 對請求錯(cuò)誤做些什么
 
  Message.error({message: '請求超時(shí)!'})
  return Promise.error(error);
})
 
// 響應(yīng)攔截
axios.interceptors.response.use(response => {
  // 對響應(yīng)數(shù)據(jù)做點(diǎn)什么
 
  return response;
}, error => {
  // 對響應(yīng)錯(cuò)誤做點(diǎn)什么
 
  return Promise.reject(error);
});
 
 
// 封裝get方法和post方法
 
/**
 * get方法,對應(yīng)get請求
 * @param {String} url [請求的url地址]
 * @param {Object} params [請求時(shí)攜帶的參數(shù)]
 */
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: '請求成功', type: 'success'});
    }).catch(err => {
      reject(err.data)
      // Loading.service(true).close();
      Message({message: '加載失敗', type: 'error'});
    })
  });
}
 
/**
 * post方法,對應(yīng)post請求
 * @param {String} url [請求的url地址]
 * @param {Object} params [請求時(shí)攜帶的參數(shù)]
 */
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: '請求成功', type: 'success'});
      })
      .catch(err => {
        reject(err.data)
        // Loading.service(true).close();
        Message({message: '加載失敗', type: 'error'});
      })
  });
}
 
/**
 * post方法,參數(shù)序列化
 * @param {String} url [請求的url地址]
 * @param {Object} params [請求時(shí)攜帶的參數(shù)]
 */
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: '請求成功', type: 'success'});
      })
      .catch(err => {
        reject(err.data)
        // Loading.service(true).close();
        Message({message: '加載失敗', type: 'error'});
      })
  });
}
 
 
/**
 * put方法,對應(yīng)put請求
 * @param {String} url [請求的url地址]
 * @param {Object} params [請求時(shí)攜帶的參數(shù)]
 */
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: '請求成功', type: 'success'});
      })
      .catch(err => {
        reject(err.data)
        // Loading.service(true).close();
        Message({message: '加載失敗', type: 'error'});
      })
  });
}
 
 
/**
 * delete
 * @param {String} url [請求的url地址]
 * @param {Object} params [請求時(shí)攜帶的參數(shù)]
 */
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: '請求成功', type: 'success'});
      })
      .catch(err => {
        reject(err.data)
        // Loading.service(true).close();
        Message({message: '加載失敗', 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";

以上就是本次介紹的全部相關(guān)知識點(diǎn),感謝大家的學(xué)習(xí)和對我們的支持。

以上就是全部實(shí)例代碼,感謝大家的學(xué)習(xí)和對我們的支持。

上一篇:vue學(xué)習(xí)之Vue-Router用法實(shí)例分析

欄    目:JavaScript

下一篇:JS正則表達(dá)式驗(yàn)證端口范圍(0-65535)

本文標(biāo)題:vue 對axios get pust put delete封裝的實(shí)例代碼

本文地址:http://mengdiqiu.com.cn/a1/JavaScript/9303.html

網(wǎng)頁制作CMS教程網(wǎng)絡(luò)編程軟件編程腳本語言數(shù)據(jù)庫服務(wù)器

如果侵犯了您的權(quán)利,請與我們聯(lián)系,我們將在24小時(shí)內(nèi)進(jìn)行處理、任何非本站因素導(dǎo)致的法律后果,本站均不負(fù)任何責(zé)任。

聯(lián)系QQ:835971066 | 郵箱:835971066#qq.com(#換成@)

Copyright © 2002-2020 腳本教程網(wǎng) 版權(quán)所有