1. 1. 安装axios 
    2. yarn add axios
    4. 2.建立axios服务
    6. import { Injectable } from '@angular/core';
    7. import axios from 'axios'
    8. import {  Observable } from 'rxjs'
    10. axios.defaults.timeout = 5000;
    11. import { environment } from '../../environments/environment'
    13. console.log(environment.baseURL);
    14. axios.defaults.baseURL = environment.baseURL
    17. @Injectable({
    18.   providedIn: 'root'
    19. })
    20. export class AxiosService {
    21.   constructor() { }
    22.   postfun(url:string,params:any){
    23.     return axios.post(url,params)
    24.     .then(response=>{
    25.       if(response.status == 200){
    26.          Promise.resolve(response.data)
    27.       }
    28.     }).catch(err=>{
    30.     })
    31.   }
    32.   getfun(url:string,params={}){
    33.     return new Promise((resolve,reject)=>{
    34.       axios.get(url,{
    35.         params:params
    36.       })
    37.       .then(res=>{
    38.         resolve(res.data)
    39.       })
    40.     })
    41.   }
    46.   //RXJS进行数据请求
    48.   getrxjsdata(){
    49.     let url:string = 'http://a.itying.com/api/productlist'
    50.     return new Observable((observer)=>{
    51.       axios.get(url).then(res=>{
    52.         observer.next(res)
    53.       })
    54.     })
    55.   }
    56. }
    58. 3.引入服务
    59. import { AxiosService } from '../../service/axios.service'
    60. 4.注册
    61. constructor(public axios:AxiosService) { }
    63. 5.创建数据请求函数
    64.  getInof(){ 
    65.     let url:string = 'http://a.itying.com/api/productlist'
    66.       this.axios.getfun(url,{name:'alci'}).then((res:any)=>{
    67.         console.log(res.result);
    69.       })
    70.     }
    71.     //在去调用即可调取函数
    73.  5-2或者使用rxjs
    74.   getInof(){ 
    75.     this.axios.getrxjsdata().subscribe((res:any)=>{
    76.       console.log(res.data.result);
    77.     })
    78.     }
    79.     //再去调用此函数即可