封装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 axios.post(`${base}/user/profile`, params).then(res => res.data) }

export const reqGetUserList = params => { return axios.get(`${base}/user/list`, { params: params }) }

export const reqGetBookListPage = params => { return axios.get(`${base}/book/list`, { params: params }) }

export const reqDeleteBook = params => { return axios.get(`${base}/book/delete`, { params: params }) }

export const reqEditBook = params => { return axios.get(`${base}/book/edit`, { params: params }) }

export const reqBatchDeleteBook = params => { return axios.get(`${base}/book/batchdelete`, { params: params }) }

export const reqAddBook = params => { return axios.get(`${base}/book/add`, { params: params }) }

时间: 2024-10-17 16:21:25

封装axios请求的相关文章

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

封装 axios 请求 并 return 结果

axios请求是异步请求,我遇到的情况是多个请求用同一个地址,通过传参不同控制想要的返回结果,因此,这时想将axios请求封装为一个函数,通过return将返回结果传出来. 但是如何实现呢,我才用的方法如下: queryData(参数..){ var datas={ 定义请求参数.. } return axios.post(this.url,datas).then(response=>response.data.result).catch(error => error) }, 这里的返回值为p

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"; // 部分数据需要存

Axios请求头中常见的几种Content-Type

Vue2.0之后,官方不再继续维护vue-resource,尤雨溪大大推荐使用Axios用来替代Ajax. Axios请求头中的Content-Type常见的有3种: 1.Content-Type:application/json 2.Content-Type:application/x-www-form-urlencoded 3.Content-Type:multipart/form-data 这里一个个来举例说明. 1.Content-Type: application/json 如果没有特

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