欧美一级特黄大片做受成人-亚洲成人一区二区电影-激情熟女一区二区三区-日韩专区欧美专区国产专区

Angular8Http攔截器簡單使用教程

攔截器

創(chuàng)新互聯(lián)建站是一家集網(wǎng)站建設(shè),濱城企業(yè)網(wǎng)站建設(shè),濱城品牌網(wǎng)站建設(shè),網(wǎng)站定制,濱城網(wǎng)站建設(shè)報價,網(wǎng)絡(luò)營銷,網(wǎng)絡(luò)優(yōu)化,濱城網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè),幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強企業(yè)競爭力??沙浞譂M足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時我們時刻保持專業(yè)、時尚、前沿,時刻以成就客戶成長自我,堅持不斷學(xué)習(xí)、思考、沉淀、凈化自己,讓我們?yōu)楦嗟钠髽I(yè)打造出實用型網(wǎng)站。

Http攔截器就是攔截發(fā)出的請求,對其進行統(tǒng)一添加額外處理,然后放行;對響應(yīng)進行攔截并作出業(yè)務(wù)上的判斷,決定是否給與返回。

先看一組常見的業(yè)務(wù)請求:

this.http.post('http://127.0.0.1:8080/api/getList', {
   header: {
    token: 'asdasdas'
   },
   observe: 'body',
   params: {
    pageSize: 10,
    pageIndex: 1
   },
   responseType: 'json',
   withCredentials: true
  });

可以看出有些配置是幾乎所有請求都共通得,有的需要token等參數(shù),一個項目全部手動寫得話,第一容易漏寫,第二以后如果有改動,需要所有接口都調(diào)整,不利于維護,最理想得狀態(tài)就是只修改參數(shù)和api地址,其他得交給特別得機制去處理,這就引出了今天的主角-HttpInterceptor

定義攔截器

按照官方約定,文件應(yīng)該是以‘.interceptor.ts'作為后綴

import { Injectable } from '@angular/core';
import { HttpInterceptor, HttpEvent, HttpHandler, HttpRequest, HttpResponse } from '@angular/common/http';
import { Observable } from 'rxjs';
import { tap } from 'rxjs/operators';
const ignoreToken = ['login', 'logout', 'table'];
@Injectable()
export class CommonInterceptor implements HttpInterceptor {
 intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
  // 先補全請求協(xié)議
  let url = req.url;
  const needToken = ignoreToken.filter(u => url.match(u));
  if (url.indexOf('http://') < 0 || url.indexOf('https://') < 0) {
   url = 'http://' + url;
  }
  // 過濾掉不需要token的請求
  if (!needToken.length) {
   req = req.clone({
    url
   });
  } else {
   req = req.clone({
    url,
    headers: req.headers.set('token', 'asdqwe')
   });
  }
  return next.handle(req).pipe(
   tap(
    event => {
     if (event instanceof HttpResponse) {
      console.log(event);
      if (event.status >= 500) {
       // 跳轉(zhuǎn)錯誤頁面
      }
     }
    },
    error => {
     // token過期 服務(wù)器錯誤等處理
    })
  );
 }
}

組件:

getTemp() {
  this.http.post('172.16.10.161:3000/table', {
   params: {
    pageSize: 10,
    pageIndex: 1
   }
  }).subscribe(res => {
   console.log(res);
  });
 }

該攔截器實現(xiàn)的功能比較簡單,但是結(jié)構(gòu)算是完整的,和管道類似,想應(yīng)用此攔截器需要注入在app模塊,

在providers數(shù)組種添加

{ provide: HTTP_INTERCEPTORS, useClass: CommonInterceptor, multi: true }

攔截器根據(jù)業(yè)務(wù)復(fù)雜度,其內(nèi)容也隨著復(fù)雜,通常管理下共通的配置,核心是處理各類異常,甚至錯誤碼處理。

總結(jié)

以上所述是小編給大家介紹的Angular8 Http攔截器簡單使用教程,希望對大家有所幫助,如果大家有任何疑問歡迎給我留言,小編會及時回復(fù)大家的!

網(wǎng)頁名稱:Angular8Http攔截器簡單使用教程
文章網(wǎng)址:http://aaarwkj.com/article38/pjcesp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供商城網(wǎng)站、網(wǎng)站策劃App開發(fā)、網(wǎng)站設(shè)計、建站公司、品牌網(wǎng)站制作

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

綿陽服務(wù)器托管
天堂av中文字幕在线不卡| 成人一区二区三区播放| 亚洲精品视频久久偷拍| 国产一级内射在线视频| 午夜福利院在线观看免费| 91国内偷拍富婆国内精品对白 | 亚洲丰满毛茸茸毛茸茸| 免费的黄色片带中文字幕| 日本一区二区电影在线看| 九九在线视频精品免费播放| jvid视频在线观看免费| av天堂久久这里只有精品美国| 日韩av熟女人妻一区二| 精品啪啪高潮一区二区| 国产熟女碰碰人人a久久| 一区二区三区毛片观看| 亚洲欧洲精品专线九九| 五月婷婷色综合激情五月| 黄片免费视频大全在线观看| 国产麻豆精品传媒av| 欧美日韩精品福利一区二区| 国产91一区二区三区在线精品| 色哟哟网站一区二区精品久久| 黄片视频免费在线观看播放| 99热这里只有精品三区| 亚洲欧美日本国产一区| 国产成人+亚洲欧洲综合| 秒播视频午夜福利在线观看| 亚洲激情一区在线观看| 国产精品国产亚洲精品看不| 九色国产一区二区三区| 婷婷六月开心激情五月| 中文字幕一区二区三区三级| 91日韩中文字幕在线观看| 国产精品毛片一区二区三区| 亚洲日本欧美一区二区| 日本激情人妻一区二区| 免费毛片一区二区三区| 中文字幕久久av一区二区| 国产又猛又黄又爽无遮挡| 少妇高潮在线观看免费|