美文网首页
Vue-axios网络层封装

Vue-axios网络层封装

作者: 前端切图仔 | 来源:发表于2019-11-25 15:35 被阅读0次

网络层封装:避免太多依赖

先创建一个文件用来封装axios

第一种方法:

//如果有多个就重新创建,先导入axios

import axios from 'axios'

//第一种方式:返回Promise

export function request(config){

    return new Promise((resolve,reject)=>{

//1.创建axios实例

const instance =axios.create({

    baseURL:'http://123.207.32.32:8000',

    timeout:5000

})

//2.发送真正的网络请求

instance(config).then(ret=>{

        resolve(ret) //把数据加载到resolve里

}).catch(err=>{

    reject(err)

})

    })

数据处理层

}

发送请求:

1.接受

接受第一个

2.接受发送config值

接受那边的值

如果有第二个就重新再声明一个// export function request1(config){

// }

第二种方法:

直接返回return

//第二种方式P

export function request(config){

    //  1.创建axios实例

    const instance =axios.create({

    baseURL:'http://123.207.32.32:8000',

    timeout:5000

})

//发送请求,直接返回return

return instance(config)

}

接受还是和法一一样的

相关文章

  • Vue-axios网络层封装

    网络层封装:避免太多依赖 先创建一个文件用来封装axios 第一种方法: //如果有多个就重新创建,先导入axio...

  • Swift 运用协议泛型封装网络层

    Swift 运用协议泛型封装网络层 Swift 运用协议泛型封装网络层

  • iOS网络框架简单封装

    AFN 简单封装--iOS重构-轻量级的网络请求封装实践 YTKNetworking 网络框架封装源码解析:网络层...

  • 业务层网络封装

    背景 网络请求经常会出现一部分公共业务,比如加密,缓存方式等等,所以我们需要对网络做一层偏业务的封装,既可以统一管...

  • iOS 网络层封装

    概述封装步骤 block方式 1、Status模型 创建模型类 2、StatusesResult模型 +(封装加载...

  • iOS网络层封装

    最近也简单的对AFN进行了再次封装,封装后能够更好的处理网络请求 1.使用KryNetworkRequest做一些...

  • iOS 网络层封装

    对CTNetworking的理解和网络层的封装 现有的网络框架缺点: 1.通用配置都在tjHttpRequest里...

  • Flutter 网络层封装(dio封装)

    ###一、导入dio框架 ###二、基本设置 Host header content type 超时时间 ###三...

  • Flutter 网络层封装(dio封装)

    一、导入dio框架 二、基本设置 管理类Network 管理类会持有使用NetworkRequest做的每次请求,...

  • Vue-axios封装

网友评论

      本文标题:Vue-axios网络层封装

      本文链接:https://www.haomeiwen.com/subject/wpxjwctx.html