zoukankan      html  css  js  c++  java
  • axios 配置

    import axios from 'axios'
    //https://www.kancloud.cn/yunye/axios/234845
    
    //创建axios实例
    const service = axios.create({
      baseURL: process.env.BASE_API, // 测试接口
      timeout: 5000                  // 请求超时时间
    })
    
    // request 请求拦截器
    axios.interceptors.request.use(function(config){
        // 在发送请求之前做些什么
        config.headers['Authorization'] = "Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IjIwNzUyMTYyNDBAcXEuY29tIiwidHlwZSI6ImVtYWlsIiwiZXhwIjoxNTIxMTY4MDQzfQ.Yy9bMgTSPdz5G7t6SQoCwBGaVmNIv13VvdMS3SFTIp4"
        return config;
    },function(error){
        // 对请求错误做些什么
        return Promise.reject(error)
    })
    
    // response 响应拦截器
    axios.interceptors.response.use(function (response){
        // 对响应数据做点什么
        return response
    }, function(error){
        // 对响应错误做点什么
        console.log('err' + error)
        return Promise.reject(error)
    })
    
    export default service

     响应结构

     

    // 响应结构
    {
        // `data` 由服务器提供的
        data: {},
    
        // `status` 来自服务器响应的 HTTP 状态码
        status: 200,
    
        // `statusText` 来自服务器响应 HTTP 状态信息
        statusText: 'OK',
    
        // `headers` 服务器响应的头
        headers: {},
    
        // `config` 是为请求提供的配置信息
        config: {}
    }
  • 相关阅读:
    Chrome 请求过滤扩展实现
    【译】Chrome 扩展 : 入门
    【译】Chrome 扩展 : 扩展是什么?
    【译】Chrome 扩展 : 欢迎
    事务处理
    nrm ls报错解决办法
    Typescript学习总结
    常用插件收藏
    css 设置滚动条样式
    vscode 常用插件
  • 原文地址:https://www.cnblogs.com/ron123/p/8572141.html
Copyright © 2011-2022 走看看