Axios封裝

/**

* 封裝get方法

* @param url

* @param params

* @returns {Promise}

*/

export function fetch(url,params={}){

? return new Promise((resolve,reject) => {

? ? axios.get(url,{

? ? ? params:params

? ? })

? ? ? .then(response => {

? ? ? ? if(response.data.code === 200){

? ? ? ? ? resolve(response.data.data);

? ? ? ? }else if(response.data.code === 501){

? ? ? ? ? router.push({

? ? ? ? ? ? name:'login'//從哪個(gè)頁面跳轉(zhuǎn)

? ? ? ? ? })

? ? ? ? }else if(response.data.code === 503){

? ? ? ? ? // Vue.prototype.$message.error('請(qǐng)勿頻繁操作')

? ? ? ? }else{

? ? ? ? ? Vue.prototype.$message.error(response.data.msg)

? ? ? ? ? reject()

? ? ? ? }

? ? ? })

? ? ? .catch(err => {

? ? ? ? reject(err);

? ? ? ? let message = '請(qǐng)求失敗!請(qǐng)檢查網(wǎng)絡(luò)';

? ? ? ? if(err.response)message=err.response.data.message;

? ? ? ? Vue.prototype.$msgbox({

? ? ? ? ? title:'錯(cuò)誤贮懈!',

? ? ? ? ? message:message,

? ? ? ? ? type:'error',

? ? ? ? })

? ? ? })

? })

}

/**

* 封裝post請(qǐng)求

* @param url

* @param data

* @returns {Promise}

*/

export function post(url,data = {}){

? return new Promise((resolve,reject) => {

? ? axios.post(url,data)

? ? ? .then(response => {

? ? ? ? if(response.data.code === 200){

? ? ? ? ? resolve(response.data.data);

? ? ? ? }else if(response.data.code === 501){

? ? ? ? ? router.push({

? ? ? ? ? ? name:'login'//從哪個(gè)頁面跳轉(zhuǎn)

? ? ? ? ? })

? ? ? ? }else if(response.data.code === 503){

? ? ? ? ? // Vue.prototype.$message.error('請(qǐng)勿平凡操作')

? ? ? ? }else{

? ? ? ? ? Vue.prototype.$message.error(response.data.msg)

? ? ? ? }

? ? ? },err => {

? ? ? ? reject(err);

? ? ? ? let message = '請(qǐng)求失敹笸省麻削!請(qǐng)檢查網(wǎng)絡(luò)';

? ? ? ? if(err.response)message=err.response.data.message;

? ? ? ? Vue.prototype.$msgbox({

? ? ? ? ? title:'錯(cuò)誤锉桑!',

? ? ? ? ? message:message,

? ? ? ? ? type:'error',

? ? ? ? })

? ? ? })

? })

}

/**

* 封裝patch請(qǐng)求

* @param url

* @param data

* @returns {Promise}

*/

export function patch(url,data = {}){

? return new Promise((resolve,reject) => {

? ? axios.patch(url,data)

? ? ? .then(response => {

? ? ? ? if(response.data.code === 200){

? ? ? ? ? resolve(response.data.data);

? ? ? ? }else if(response.data.code === 501){

? ? ? ? ? router.push({

? ? ? ? ? ? name:'login'//從哪個(gè)頁面跳轉(zhuǎn)

? ? ? ? ? })

? ? ? ? }else if(response.data.code === 503){

? ? ? ? ? // Vue.prototype.$message.error('請(qǐng)勿平凡操作')

? ? ? ? }else{

? ? ? ? ? Vue.prototype.$message.error(response.data.msg)

? ? ? ? }

? ? ? },err => {

? ? ? ? reject(err);

? ? ? ? let message = '請(qǐng)求失敱锨础攻人!請(qǐng)檢查網(wǎng)絡(luò)';

? ? ? ? if(err.response)message=err.response.data.message;

? ? ? ? Vue.prototype.$msgbox({

? ? ? ? ? title:'錯(cuò)誤进副!',

? ? ? ? ? message:message,

? ? ? ? ? type:'error',

? ? ? ? })

? ? ? })

? })

}

/**

* 封裝put請(qǐng)求

* @param url

* @param data

* @returns {Promise}

*/

export function put(url,data = {}){

? return new Promise((resolve,reject) => {

? ? axios.put(url,data)

? ? ? .then(response => {

? ? ? ? if(response.data.code === 200){

? ? ? ? ? resolve(response.data.data);

? ? ? ? }else if(response.data.code === 501){

? ? ? ? ? router.push({

? ? ? ? ? ? name:'login'//從哪個(gè)頁面跳轉(zhuǎn)

? ? ? ? ? })

? ? ? ? }else if(response.data.code === 503){

? ? ? ? ? // Vue.prototype.$message.error('請(qǐng)勿平凡操作')

? ? ? ? }else{

? ? ? ? ? Vue.prototype.$message.error(response.data.msg)

? ? ? ? }

? ? ? },err => {

? ? ? ? reject(err);

? ? ? ? let message = '請(qǐng)求失斦獯А!請(qǐng)檢查網(wǎng)絡(luò)';

? ? ? ? if(err.response)message=err.response.data.message;

? ? ? ? Vue.prototype.$msgbox({

? ? ? ? ? title:'錯(cuò)誤敢会!',

? ? ? ? ? message:message,

? ? ? ? ? type:'error',

? ? ? ? })

? ? ? })

? })

}

export function del(url,data = {}){

? return new Promise((resolve,reject) => {

? ? axios.delete(url,data)

? ? ? .then(response => {

? ? ? ? if(response.data.code === 200){

? ? ? ? ? resolve(response.data.data);

? ? ? ? }else if(response.data.code === 501){

? ? ? ? ? router.push({

? ? ? ? ? ? name:'login'//從哪個(gè)頁面跳轉(zhuǎn)

? ? ? ? ? })

? ? ? ? }else if(response.data.code === 503){

? ? ? ? ? // Vue.prototype.$message.error('請(qǐng)勿平凡操作')

? ? ? ? }else{

? ? ? ? ? Vue.prototype.$message.error(response.data.msg)

? ? ? ? }

? ? ? },err => {

? ? ? ? reject(err);

? ? ? ? let message = '請(qǐng)求失斣颉!請(qǐng)檢查網(wǎng)絡(luò)';

? ? ? ? if(err.response)message=err.response.data.message;

? ? ? ? Vue.prototype.$msgbox({

? ? ? ? ? title:'錯(cuò)誤鸥昏!',

? ? ? ? ? message:message,

? ? ? ? ? type:'error',

? ? ? ? })

? ? ? })

? })

}

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末塞俱,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子吏垮,更是在濱河造成了極大的恐慌障涯,老刑警劉巖,帶你破解...
    沈念sama閱讀 216,470評(píng)論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件膳汪,死亡現(xiàn)場(chǎng)離奇詭異唯蝶,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)遗嗽,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,393評(píng)論 3 392
  • 文/潘曉璐 我一進(jìn)店門粘我,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人痹换,你說我怎么就攤上這事征字。” “怎么了娇豫?”我有些...
    開封第一講書人閱讀 162,577評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵匙姜,是天一觀的道長(zhǎng)。 經(jīng)常有香客問我冯痢,道長(zhǎng)氮昧,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,176評(píng)論 1 292
  • 正文 為了忘掉前任浦楣,我火速辦了婚禮袖肥,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘椒振。我一直安慰自己昭伸,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,189評(píng)論 6 388
  • 文/花漫 我一把揭開白布澎迎。 她就那樣靜靜地躺著庐杨,像睡著了一般选调。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,155評(píng)論 1 299
  • 那天,我揣著相機(jī)與錄音球匕,去河邊找鬼。 笑死弦聂,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的氛什。 我是一名探鬼主播莺葫,決...
    沈念sama閱讀 40,041評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼枪眉!你這毒婦竟也來了捺檬?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 38,903評(píng)論 0 274
  • 序言:老撾萬榮一對(duì)情侶失蹤贸铜,失蹤者是張志新(化名)和其女友劉穎堡纬,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體蒿秦,經(jīng)...
    沈念sama閱讀 45,319評(píng)論 1 310
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡烤镐,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,539評(píng)論 2 332
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了棍鳖。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片炮叶。...
    茶點(diǎn)故事閱讀 39,703評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖渡处,靈堂內(nèi)的尸體忽然破棺而出悴灵,到底是詐尸還是另有隱情,我是刑警寧澤骂蓖,帶...
    沈念sama閱讀 35,417評(píng)論 5 343
  • 正文 年R本政府宣布,位于F島的核電站川尖,受9級(jí)特大地震影響登下,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜叮喳,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,013評(píng)論 3 325
  • 文/蒙蒙 一被芳、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧馍悟,春花似錦畔濒、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,664評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽赞弥。三九已至,卻和暖如春趣兄,著一層夾襖步出監(jiān)牢的瞬間绽左,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,818評(píng)論 1 269
  • 我被黑心中介騙來泰國(guó)打工艇潭, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留拼窥,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 47,711評(píng)論 2 368
  • 正文 我出身青樓蹋凝,卻偏偏與公主長(zhǎng)得像鲁纠,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子鳍寂,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,601評(píng)論 2 353

推薦閱讀更多精彩內(nèi)容

  • 安裝依賴 安裝axios npm i axios 安裝qs npm i qs 封裝 【utils/request....
    瞌睡大伯父閱讀 1,672評(píng)論 3 17
  • import axios from 'axios' export default function (Vue) {...
    haifeng5661閱讀 358評(píng)論 0 0
  • import axios from 'axios' import {Message}from 'el...
    徐小君的簡(jiǎn)書啊閱讀 1,917評(píng)論 0 9
  • "use strict";function _classCallCheck(e,t){if(!(e instanc...
    久些閱讀 2,029評(píng)論 0 2
  • MongoDB 是由C++語言編寫的改含,是一個(gè)基于分布式文件存儲(chǔ)的開源數(shù)據(jù)庫(kù)系統(tǒng)。 在高負(fù)載的情況下伐割,添加更多的節(jié)點(diǎn)...
    蘇素c閱讀 219評(píng)論 0 1