Angular +Ionic关于token拦截报错

最新推荐文章于 2021-02-05 06:35:08 发布

沐风拂千渔

最新推荐文章于 2021-02-05 06:35:08 发布

阅读量254

点赞数 1

分类专栏： UI框架踩坑指南 Angular 文章标签： html angular es6

本文链接：https://blog.csdn.net/weixin_44794123/article/details/109294129

版权

UI框架踩坑指南同时被 2 个专栏收录

59 篇文章 1 订阅

订阅专栏

Angular

34 篇文章 0 订阅

订阅专栏

Angular +Ionic关于token拦截报错

一，报错内容

在这里插入图片描述

二，解决方法

1，判断token情况

 if(token){
    if (urlList.indexOf(url) === -1) {
      console.log(token)
      customerHeaders['Authorization'] = token;
      // customerHeaders['token'] = token;
      //customerHeaders['QZH_TOKEN'] = token;//修改
  }
 }

2，修改路径

在这里插入图片描述
3，全部文件

import { Injectable } from '@angular/core';
import {
  HttpInterceptor,
  HttpHandler,
  HttpRequest,
  HttpResponse,
} from '@angular/common/http';
import * as qs from 'qs';
import { Observable } from 'rxjs';
import { tap } from 'rxjs/operators';
import { Router } from '@angular/router';
import { StorageService, RestService } from '../service';
import { environment } from '../../environments/environment';
@Injectable({
  providedIn: 'root'
})
export class SetTokenHeaderInterceptor implements HttpInterceptor {
  constructor(
    private token: StorageService,
    private router: Router,
    private rest: RestService, ) { }
  intercept(req: HttpRequest<any>, next: HttpHandler): Observable<any> {
    const token = localStorage.getItem("token")
    // const token = localStorage.getItem("authToken")
    const { body, method, headers, url } = req;
    const customerHeaders = {
      // Authorization: token,
      'Content-Type': headers.get('Content-Type') || 'application/x-www-form-urlencoded',
      // 'Access-Control-Allow-Origin': '*',
      // 'Access-Control-Allow-Methods': 'POST, GET, OPTIONS, PUT',
      // 'Accept': 'application/json',
    };
    const urlList = [
      this.rest.homepageList,//首页
      this.rest.getHotSell,//热销
      this.rest.getProDetail,//详情
      this.rest.getstoreList,
      this.rest.getMarketLable,
      this.rest.getMarketClass,
      this.rest.loginBytoken,
    ];
 if(token){
    if (urlList.indexOf(url) === -1) {
      console.log(token)
      customerHeaders['Authorization'] = token;
      // customerHeaders['token'] = token;
      //customerHeaders['QZH_TOKEN'] = token;//修改
  }
 }
      const reqWithToken = req.clone({
        // url: environment.apiUrl + url,
        setHeaders: customerHeaders,
        body: method.toLocaleLowerCase() === 'post' || !headers.get('Content-Type') ? qs.stringify(body) : body
      });
    return next.handle(reqWithToken)
      .pipe(
        tap(
          (event) => {
            if (event instanceof HttpResponse) {
              const { status } = event.body;
              switch (status) {
                case 400:
                  this.router.navigate(['/login']);
                  // this.navCtrl.navigateRoot('/login');
                  break;
              }
            }
          }
        )
      );
  }
}