国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

axios使用攔截器統一處理所有的http請求的方法

2019-11-19 12:35:42
字體:
來源:轉載
供稿:網友

axios使用攔截器

  在請求或響應被 then 或 catch 處理前攔截它們。

http request攔截器

// 添加請求攔截器axios.interceptors.request.use(function (config) {  // 在發送請求之前做些什么  return config; }, function (error) {  // 對請求錯誤做些什么  return Promise.reject(error); });

http respones攔截器

// 添加響應攔截器axios.interceptors.response.use(function (response) {  // 對響應數據做點什么  return response; }, function (error) {  // 對響應錯誤做點什么  return Promise.reject(error); });

移除攔截器

var myInterceptor = axios.interceptors.request.use(function () {/*...*/});axios.interceptors.request.eject(myInterceptor);

為自定義axios實例添加攔截器

var instance = axios.create();instance.interceptors.request.use(function () {/*...*/});

PS:下面看下axios攔截器使用

import axios from 'axios' // axios引用import store from '../../store' // store引用const serivce = axios.create({ // 創建服務 baseURL: 'http://test.api.rujiaowang.net', // 基礎路徑 timeout: 5000 // 請求延時})serivce.interceptors.request.use( // 請求攔截 config => {  if (store.getters.userToken) {   config.headers['X-Token'] = store.getters.userToken   config.headers['User-Type'] = store.getters.userType ? store.getters.userType : '' // 請求頭中存放用戶信息   config.onUploadProgress = (progressEvent) => {    var complete = (progressEvent.loaded / progressEvent.total * 100 | 0) + '%'    store.dispatch('setupLoadPercent', complete)   }  }  return config }, error => {  return Promise.reject(error) })serivce.interceptors.response.use( // 回復攔截,主要針對部分回掉數據狀態碼進行處理 response => {  return response }, error => {  return Promise.reject(error) })export default serivce

總結

以上所述是小編給大家介紹的axios使用攔截器統一處理所有的http請求的方法,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對武林網網站的支持!

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 合水县| 石屏县| 茂名市| 长兴县| 武宁县| 军事| 萨嘎县| 依安县| 宁陵县| 天水市| 沂源县| 井冈山市| 玉树县| 南岸区| 襄城县| 新泰市| 青阳县| 开原市| 板桥市| 上思县| 晋城| 衡阳市| 余庆县| 南乐县| 仲巴县| 贡觉县| 拜泉县| 四平市| 阳原县| 磐安县| 华安县| 漳浦县| 嘉鱼县| 集安市| 邢台县| 固安县| 康保县| 北海市| 桐庐县| 凤翔县| 万荣县|