封装 axios 请求 并 return 结果

axios请求是异步请求,我遇到的情况是多个请求用同一个地址,通过传参不同控制想要的返回结果,因此,这时想将axios请求封装为一个函数,通过return将返回结果传出来。

但是如何实现呢,我才用的方法如下:

queryData(参数..){
  var datas={
    定义请求参数..
  }
  return axios.post(this.url,datas).then(response=>response.data.result).catch(error => error)
},

  这里的返回值为promise形式,因此采用.then()获取值。

this.queryData(参数..).then(response=>{
        console.log(response)
 })

  就可以拿到想要的值了。

原文地址:https://www.cnblogs.com/baoziqiaodaima/p/12079656.html

时间: 2024-11-08 10:29:43

封装 axios 请求 并 return 结果的相关文章

封装axios请求

参照这个封装api的代码   可以了解base的问题了 再加上对`${base/login}`的了解   下面 封装axios请求  以供调用 let base = '' export const requestLogin = params => { return axios.post(`${base}/login`, params).then(res => res.data) } export const reqSaveUserProfile = params => { return

vue项目常用之二:封装 axios 请求模块

/** * 封装 axios 请求模块 */ import axios from 'axios' import jsonBig from 'json-bigint' import store from '@/store' import router from '@/router' import { Notify } from 'vant' // axios.create 方法:复制一个 axios const request = axios.create({ baseURL: 'http://t

Vue: axios 请求封装及设置默认域名前缀 (for Vue 2.0)

1. 实现效果 以get方法向http://192.168.32.12:8080/users 发起请求.获取数据并进行处理 this.apiGet('/users', {}) .then((res) => { console.log(res) }, (err) => { console.log(err) }) 2. 实现步骤一之配置域名前缀 2.1 安装axios cnpm install axios --save 2.2 配置webpack.base.conf.js 文件 引入 const

axios请求方法封装.

axios的使用上一般封装好对应的方法,ES6导出,直接调用,消息通知使用了ElementUI的Message组件. 这是一个封装了axios的Rest风格的工具类,包扩常用的POST,GET,PUT,DELETE, 在请求处理上使用统一的请求拦截处理.对返回的消息进行拦截预处理,有数据返回数据,没有返回消息. import axios from 'axios' import router from '../router' import { Message } from 'element-ui'

vue项目使用async await 封装 axios

es8的async await让异步变成了同步的写法,在vue中,可以通过封装axios,使得所有的请求都可以使用同步的写法. 新建一个api.js文件,全局创建api实例 import axios from 'axios' const qs = require('qs') const api = { async get (url, data) { try { let res = await axios.get(url, {params: data}) res = res.data return

vue项目封装axios并访问接口

1.在src下新建util文件夹,在util下新建request.js文件: 封装axios: import axios from 'axios' import QS from 'qs'; // import store from '@/store/index.js'; import { Message } from 'element-ui'; //element库的消息提示,可以不用 // 环境的切换 // if (process.env.NODE_ENV == 'development')

Vue中封装axios

参考: https://www.jianshu.com/p/7a9fbcbb1114 https://www.cnblogs.com/dreamcc/p/10752604.html 一.安装axios npm i axios -S 二.创建src/utils/axios.js.src/api/api.js axios.js用于封装axios,api.js用于管理接口 三.axios.js // axios.js import axios from "axios"; // 部分数据需要存

vueCli3 封装axios 及 配置proxy跨域

步骤1:首先呢,在util文件下创建一个auth.js 用来获取token .存储token .删除token (这里的token是存放在sessionStorage里面) const TokenKey = 'user_token' export function getToken() { return sessionStorage.getItem(TokenKey) } export function setToken(token) { return sessionStorage.setIte

封装网络请求

封装网络请求类便捷, 适合多个地方使用. 第一封装下载方法 前提用Cocoapods或者直接引用第三方AFNetWorking 定义一个类NetWorkingManager, 继承于NSObject A: 在.h中写方法声明 #import <Foundation/Foundation.h> @interface NetWorkManager : NSObject - (void)downLoadWithUrl:(NSString *)url progress:(void(^)(float p