• 参考地址: https://semlinker.com/ng-http-interceptor/

• 实现(request.service)

  import { Injectable } from "@angular/core";
  import { Observable, of, throwError } from "rxjs";
  import { catchError, map, tap } from "rxjs/operators";
  import {
    HttpHeaders,
    HttpClient,
    HttpRequest,
    HttpHandler,
    HttpErrorResponse,
    HttpEvent,
    HttpResponse,
    HttpInterceptor,
  } from "@angular/common/http";
  import Config from "../../config/index";
  @Injectable({
    providedIn: "root",
  export class RequestService implements HttpInterceptor {
    constructor(private http: HttpClient) {}
     * 错误消息类
     * @param error
    private handleError(error: HttpErrorResponse) {
      console.log(error, "res112212");
      if (error.error instanceof ErrorEvent) {
        console.error("An error occurred:", error.error.message);
      } else {
        console.error(
          `Backend returned code ${error.status}, ` + `body was: ${error.error}`
      return throwError("Something bad happened; please try again later.");
    intercept(
      request: HttpRequest<any>,
      next: HttpHandler
    ): Observable<HttpEvent<any>> {
      return next.handle(request).pipe(
        map((event: HttpEvent<any>) => {
          if (event instanceof HttpResponse) {
            console.log(event.body.code, "code");
            switch (event.body.code) {
              case 200:
                break;
              case 401:
                localStorage.removeItem("token");
                window.location.href = "/login";
                break;
              case 500:
                // this.OpenMessage('提示', '数据错误500')
                break;
          return event;
  

• app.module.ts

  providers: [
    // 添加
    { provide: HTTP_INTERCEPTORS, useClass: RequestService, multi: true },
                    参考地址: https://semlinker.com/ng-http-interceptor/实现(request.service)import { Injectable } from "@angular/core";import { Observable, of, throwError } from "rxjs";import { catchError, map, tap } from "rxjs/operators";import {  HttpHeaders,  HttpCli..
				
今天在尝试使用angular的proxy反向代理解决跨域问题的时候，出现了下边这种错误。
这种错误并非是proxy代理的报错，是由于在app.module.ts中引入了 `InMemoryDataService`的原因。在尝试使用proxy的时候，使用了一个已经创建好的英雄之旅项目，之前的配置保留了下来。导致记不得曾经安装过InMemoryDataService服务。
这里简单说明一下InMemoryDataService服务。
这个服务会创建一个拦截服务器，它拦截 AngularHttp和HttpC
				
前面有文章写过angular的$http请求的简单书写和使用。
回顾一下：
var Server = angular.module("Server", []);
Server.service("Api", ["$http", function ($http) {
		return {
				getTest : function (params, callback) {
在ng Alain中开发出现如下报错：
error: null
headers: HttpHeaders {normalizedNames: Map(0), lazyUpdate: null, headers: Map(0)}
message: “Http failure response for /xxxx/energySavingReview/getRegion?orgType=region: 401 From Auth Intercept --> https://ng
				
Angular拦截器是Angular应用中全局捕获和修改HTTP请求和响应的方式，例如携带Token和捕获Error。前提是只能拦截使用HttpClientModule发出的请求，如果使用axios则拦截不到。
一、创建拦截器
使用命令ng g interceptor name，本文创建拦截器ng g interceptor LanJieQi
import { Injectable } from '@angular/core';
import {
  HttpRequest,
  HttpHandler,
angular.module('webb-ui').factory('authInterceptor', ['$q','$rootScope','$location','$injector','$timeout',function ($q,$scope,$location,$injector,$timeout) {
    function isNotPriv(url
				
在项目中，前端需要在每次发送给后端的请求的header中统一添加 token 信息或者其他统一操作，这个时候就用到了拦截器。
在 Angular 中，创建一个拦截器使用到了 @angular/common/http中的HttpInterceptor,实现的具体步骤如下：
创建一个拦截器服务
创建一个服务
因为这按类别分，也是一个服务，所以使用Angular/CLI创建时，执行命令：
ng g s ...
				
在需要进行错误处理的Angular应用里，从rxjs里导入catchError:
import { catchError, map, tap } from 'rxjs/operators';
getHeroes(): Observable<Hero[]> {
      return this.http.get<Hero[]>(this.heroesUrl)
        .pipe(
          catchError(this.handleError<Hero[]&
				
HttpClient4.3中默认允许自动重定向，导致程序中不能跟踪跳转情况，其实只需要在RequestConfig中setRedirectsEnabled(false)即可（默认是true)：
另外如发生重定向,response的状态码为302，不是200。HttpStatus.SC_MOVED_TEMPORARILY
public class CustomerGateway impl
				
在 Angular 中，你可以使用 HTTPClient 服务来封装 HTTP 请求代码。
首先，你需要在你的项目中安装 @angular/common/http 库，并在你的模块中导入 HttpClientModule。
然后，你可以在你的服务中注入 HttpClient，并使用它来发起 HTTP 请求。
例如，你可以使用 get() 方法来发起一个 GET 请求：
import { HttpClient } from '@angular/common/http';
@Injectable({
  providedIn: 'root'
export class MyService {
  constructor(private http: HttpClient) { }
  getData() {
    return this.http.get('/api/data');
你还可以使用 post()、put() 和 delete() 方法来发起其他类型的 HTTP 请求。
为了使你的代码更加整洁和可维护，你可以将你的 HTTP 请求封装成一些独立的方法，并在你的组件或服务中调用这些方法。这样，你就可以在一个地方集中管理你的 HTTP 请求，并且如果你需要更改你的 API 地址或请求参数，你也只需要在一个地方进行修改。
				关于git：fatal：无法访问’https://github.com/xxx’：OpenSSL SSL_connect：SSL_ERROR_SYSCALL连接到github.com:443
                关于git：fatal：无法访问’https://github.com/xxx’：OpenSSL SSL_connect：SSL_ERROR_SYSCALL连接到github.com:443
                    hex_refugeeeee: 
                    ...直接拒绝连接了
                javascript 数组拆分为3个一组
                    CSDN-Ada助手: 
                    非常感谢博主分享这篇有用的文章，拆分数组并非易事，能够将其拆分为3个一组的方法，对于我们这些初学者来说真的帮助很大。文章写得非常清晰，易于理解，希望博主能够继续创作，分享更多有价值的知识，让我们一起学习进步。再次感谢博主的付出和分享。
为了方便博主创作，提高生产力，CSDN上线了AI写作助手功能，就在创作编辑器右侧哦～（https://mp.csdn.net/edit?utm_source=blog_comment_recall ）诚邀您来加入测评，到此（https://activity.csdn.net/creatActivity?id=10450&utm_source=blog_comment_recall）发布测评文章即可获得「话题勋章」，同时还有机会拿定制奖牌。
                关于git：fatal：无法访问’https://github.com/xxx’：OpenSSL SSL_connect：SSL_ERROR_SYSCALL连接到github.com:443
                    Ashe随风: 
                    在设置里把网络代理设置中的代理服务器关掉就行
                flutter 监听软键盘的弹出和关闭
                    qq_20352713: 
                    换成 addPostFrameCallback
                记录nuxt 使用 vue-seamless-scroll 无缝滚动和 v-viewer点击放大图片的组件
                    第十人i: 
                    那还是依赖没有找到吧。这个已经部署线上了。  你看你的依赖，是不是打包的时候就报错找不到依赖了