vue axios封裝


import axios from "axios";

import { Message }from "../../node_modules/element-ui";

import { MessageBox }from '../../node_modules/element-ui';

axios.defaults.withCredentials = true; //意思是攜帶cookie信息,保持session的一致性

axios.defaults.headers.post["Content-Type"] = "application/x-www-form-urlencoded;charset = UTF-8";

axios.defaults.headers.post["Accept"] = "application/json";

function onRespons(res) {

if (res.data.status === -1) {

    Message.error(res.data.msg);

}

if (!res.data.success) {

  if (res.data.code ===880104) {

      MessageBox.alert(res.data.msg, {

            confirmButtonText:'確定'

      }).then(() => {

            location.href = res.data.data;

            sessionStorage.clear();

      }).catch(() => {

            location.href = res.data.data;

            sessionStorage.clear();

      });

  }else {

            Message.error(res.data.msg);

  }

// Promise.reject(res);

//throw res;

    return res;

  } else {

    return res;

  }

}

function onError(error) {

if (error && error.response) {

switch (error.response.status) {

      case 400:

error.message ="請求錯(cuò)誤";

        break;

      case 401:

error.message ="未授權(quán)挠锥,請登錄";

        break;

      case 403:

error.message ="拒絕訪問";

        break;

      case 404:

error.message =`請求地址出錯(cuò): ${error.response.config.url}`;

        break;

      case 408:

error.message ="請求超時(shí)";

        break;

      case 500:

error.message ="服務(wù)器內(nèi)部錯(cuò)誤";

        break;

      case 501:

error.message ="服務(wù)未實(shí)現(xiàn)";

        break;

      case 502:

error.message ="網(wǎng)關(guān)錯(cuò)誤";

        break;

      case 503:

error.message ="服務(wù)不可用";

        break;

      case 504:

error.message ="網(wǎng)關(guān)超時(shí)";

        break;

      case 505:

error.message ="HTTP版本不受支持";

        break;

      default:

error.message ="連接出錯(cuò)";

    }

}

// Do something with request error

  Message.error(error.message);

  // console.log(error); // for debug

// Promise.reject(error);

  throw error;

  // return error;

}

// create an axios instance

const apiService = axios.create({

// baseURL: '/service' // api的base_url

  baseURL:"/" // api的base_url

// timeout: 5000, // request timeout

});

apiService.interceptors.response.use(

res =>onRespons(res),

  error =>onError(error)

);

export default apiService;

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子祟牲,更是在濱河造成了極大的恐慌钳恕,老刑警劉巖稽莉,帶你破解...
    沈念sama閱讀 221,548評論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件课舍,死亡現(xiàn)場離奇詭異霹俺,居然都是意外死亡诱担,警方通過查閱死者的電腦和手機(jī)拇派,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,497評論 3 399
  • 文/潘曉璐 我一進(jìn)店門界弧,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人辣之,你說我怎么就攤上這事≈迓” “怎么了怀估?”我有些...
    開封第一講書人閱讀 167,990評論 0 360
  • 文/不壞的土叔 我叫張陵,是天一觀的道長合搅。 經(jīng)常有香客問我奏夫,道長怕篷,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 59,618評論 1 296
  • 正文 為了忘掉前任酗昼,我火速辦了婚禮廊谓,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘麻削。我一直安慰自己蒸痹,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,618評論 6 397
  • 文/花漫 我一把揭開白布呛哟。 她就那樣靜靜地躺著叠荠,像睡著了一般。 火紅的嫁衣襯著肌膚如雪扫责。 梳的紋絲不亂的頭發(fā)上榛鼎,一...
    開封第一講書人閱讀 52,246評論 1 308
  • 那天,我揣著相機(jī)與錄音鳖孤,去河邊找鬼者娱。 笑死,一個(gè)胖子當(dāng)著我的面吹牛苏揣,可吹牛的內(nèi)容都是我干的黄鳍。 我是一名探鬼主播,決...
    沈念sama閱讀 40,819評論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼平匈,長吁一口氣:“原來是場噩夢啊……” “哼框沟!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起增炭,我...
    開封第一講書人閱讀 39,725評論 0 276
  • 序言:老撾萬榮一對情侶失蹤忍燥,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后隙姿,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體灾前,經(jīng)...
    沈念sama閱讀 46,268評論 1 320
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,356評論 3 340
  • 正文 我和宋清朗相戀三年孟辑,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了哎甲。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 40,488評論 1 352
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡饲嗽,死狀恐怖炭玫,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情貌虾,我是刑警寧澤吞加,帶...
    沈念sama閱讀 36,181評論 5 350
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響衔憨,放射性物質(zhì)發(fā)生泄漏叶圃。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,862評論 3 333
  • 文/蒙蒙 一践图、第九天 我趴在偏房一處隱蔽的房頂上張望掺冠。 院中可真熱鬧,春花似錦码党、人聲如沸德崭。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,331評論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽眉厨。三九已至,卻和暖如春兽狭,著一層夾襖步出監(jiān)牢的瞬間憾股,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,445評論 1 272
  • 我被黑心中介騙來泰國打工箕慧, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留服球,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 48,897評論 3 376
  • 正文 我出身青樓销钝,卻偏偏與公主長得像有咨,于是被迫代替她去往敵國和親琐簇。 傳聞我的和親對象是個(gè)殘疾皇子蒸健,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,500評論 2 359

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

  • 1.引入如下兩個(gè)文件 2.文件地址https://gitee.com/mayunzpf/vue-axios-get...
    AF_DEM閱讀 756評論 0 2
  • 安裝依賴 安裝axios npm i axios 安裝qs npm i qs 封裝 【utils/request....
    瞌睡大伯父閱讀 1,676評論 3 17
  • 公司項(xiàng)目要求用H5寫 作為一個(gè)iOS菜鳥搞起來啊,首先是搭建項(xiàng)目框架婉商,項(xiàng)目框架直接用vue-cli搭建好似忧,接下來是...
    千里111閱讀 1,326評論 0 3
  • axios是一個(gè)promise實(shí)現(xiàn)的http庫,符合最新的ES規(guī)范丈秩。我們?yōu)樯兑眠@個(gè)東西呢盯捌,主要有以下幾個(gè)原因: ...
    我是你班主任閱讀 24,432評論 28 44
  • 1 都說詩里無江湖 因?yàn)樵姷K于篇幅 寫不清 江湖的兒女情長 寫不清 江湖的劍戟刀槍 寫不出 大漠的冷月孤峰 寫不出...
    夢里的眼睛閱讀 1,104評論 24 38