zoukankan      html  css  js  c++  java
  • axios 的二次封装

    1.新建axios.js

    import axios from "axios";
    import qs from "qs"
    
    let $get = async function (url,params) {
        let result;
        let headers = "";
        if(!!Cookies.get("accessToken")){
            headers = {
                "Authorization":""
            }
        }else {
            headers = ""
        }
        axios.interceptors.response.use(function (response) {
            // console.log(response);
            if(!!response.headers.Authorization){
                Cookies.set("accessToken",response.headers.Authorization)
            }
            return response;
        }, function (err) {
            if (err && err.response) {
                
            }else{
                err.message = '连接服务器失败!'
            }
        });
        await axios({
            method:"get",
            url:url,
            headers:headers,
            params:params
        }).then(res=>{
            console.log(1111);
            result =  res.data
        })
        return result;
    }
    
    let $post = async function (url,data) {
        let result;
        let headers = "";
       axios.interceptors.response.use(function (response) {
           console.log(response);
           if(!!response.headers.Authorization){
               Cookies.set("accessToken",response.headers.Authorization)
           }
           return response;
        }, function (err) {
            if (err && err.response) {
             
            }else{
                err.message = '连接服务器失败!'
            }
        });
        await axios({
            method:"post",
            url:url,
            headers:{
                'Content-Type':"application/x-www-form-urlencoded",
                ...headers
            },
            data:qs.stringify(data)
        }).then(res=>{
            result =  res.data;
        })
        return result;
    }
    
    export {
        $get,
        $post
    }
    

      2.新建method.js

    import {$post,$get} from "./axios";
    
    /*用户名密码登录*/
    let $getLogin = function(data){
        return $post('login',data)
    }
    
    export {
        $getLogin,
    }
    

      

  • 相关阅读:
    文件I/O(二)
    linux学习之文件I/O篇(一)
    静态库和共享库
    vim-ide
    CentOS6 vsftpd 安装及优化方法
    Redmine2.5+CentOS6+Apache2
    分享一个TP5实现Create()方法的心得
    Windows证书的生成导出以及使用证书验证文件是否被修改
    如何设置程序UAC控制
    关于C#的可变长参数
  • 原文地址:https://www.cnblogs.com/klmn/p/14236005.html
Copyright © 2011-2022 走看看