axios封装一个通用的请求

分手后的思念是犯贱 2022-12-11 09:19 164阅读 0赞

import axios from 'axios'
    axios.defaults.timeout = 5000
    
    //http request 拦截器
    axios.interceptors.request.use(
      config => { 
        config.headers = { 
          'Content-Type': 'application/x-www-form-urlencoded;charset=utf-8',
          'token': localStorage.getItem('token') // 获取token缓存
        }
        return config
      },
      error => { 
        return Promise.reject(error)
      }
    );
    
    export default { 
      /** * 封装get方法 * @param url * @param data * @returns {Promise} */
      get: function (url, params = { }) { 
        return new Promise((resolve, reject) => { 
          axios.get(url, { 
            params: params
          })
          .then(response => { 
            resolve(response.data)
          })
          .catch(err => { 
            reject(err)
          })
        })
      },
      /** * 封装post请求 * @param url * @param data * @returns {Promise} */
      post: function (url, data) { 
        return new Promise((resolve, reject) => { 
          axios.post(url, data)
            .then(response => { 
              resolve(response.data)
            }, err => { 
              reject(err)
            })
        })
      }
    }

## 使用 ##

vue中  
直接导入import http from ‘http.js’

result = http.get(‘地址’, \{参数\}

发表评论取消回复

表情：

评论列表（有 0 条评论，164人围观）

还没有评论，来说两句吧...

相关阅读

相关 vue axios请求封装

axios.defaults.baseURL = 'http://172.16.26.133:8080/XCPS'; //填写域名 //http request

红太狼/ 2023年01月03日 14:17/ 0 赞/ 195 阅读

相关封装 axios 取消重复请求

编者按：本文作者舒丽琦，奇舞团前端开发工程师在我们web开发过程中，很多地方需要我们取消重复的请求。但是哪种场合需要我们取消呢？我们如何取消呢？带着这些问题我们阅读本文。

我就是我/ 2023年01月03日 12:43/ 0 赞/ 162 阅读

相关封装 axios 取消重复请求

编者按：本文作者舒丽琦，奇舞团前端开发工程师在我们web开发过程中，很多地方需要我们取消重复的请求。但是哪种场合需要我们取消呢？我们如何取消呢？带着这些问题我们阅读本文。

落日映苍穹つ/ 2022年12月28日 15:25/ 0 赞/ 127 阅读

相关 vue 封装axios 请求

[https://www.cnblogs.com/ldlx-mars/p/7908950.html][https_www.cnblogs.com_ldlx-mars_p_790

╰半橙微兮°/ 2022年12月25日 15:51/ 0 赞/ 169 阅读

相关 axios的请求封装

1. 参考一 import axios from 'axios' import qs from 'qs' import store from '..

╰+哭是因爲堅強的太久メ/ 2022年12月18日 08:58/ 0 赞/ 197 阅读

相关 axios封装一个通用的请求

import axios from 'axios' axios.defaults.timeout = 5000 //http request

分手后的思念是犯贱/ 2022年12月11日 09:19/ 0 赞/ 165 阅读

相关封装一个通用的PopupWindow

[上篇文章][Link 1]是关于建造者设计模式的，今天顺便封装一个通用的 PopupWindow 来实践一下，同时也方便以后使用 PopupWindow，本文将从下面几个方

淩亂°似流年/ 2022年10月01日 08:49/ 0 赞/ 127 阅读

相关 vue + axios---封装一个http请求

在使用vue开发时，官方推荐使用axios来请求接口 [如何实现一个axios HTTP请求库][axios HTTP] // axios官方地址 h

Myth丶恋晨/ 2022年04月08日 11:19/ 0 赞/ 290 阅读

相关 vue-封装axios的GET请求

get请求的用法在其官方文档如下 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLm

深碍√TFBOYSˉ_/ 2022年01月20日 15:31/ 0 赞/ 403 阅读

相关 axios封装request请求

/src/utils/request.js import axios from 'axios' import {Loading, Toast, Dialog,

小鱼儿/ 2021年07月26日 19:07/ 0 赞/ 569 阅读