前端对axios的封装和使用

最新推荐文章于 2024-08-08 11:02:08 发布

_HenryYe

最新推荐文章于 2024-08-08 11:02:08 发布

阅读量8.2k

点赞数 12

分类专栏：前端文章标签： vue axios

本文链接：https://blog.csdn.net/weixin_43363255/article/details/88876372

版权

Axios 是一个基于 promise 的 HTTP 库。将axios封装好后能更高效的开发并且方便维护，而且在以后的项目中也能直接套用，所以封装好是必要的。在参考了很多方法后，我拼凑出了一套我认为很实用的方法。

helper.js

这个是功能性文件是拼接url和参数的，读一遍知道他有什么功能就行了

const helper = {
   
  // 根据name获取地址栏的参数值
  getQueryString (name) {
   
    let reg = new RegExp(`(^|&)${
     name}=([^&]*)(&|$)`)
    let hash = window.location.hash
    let search = hash.split('?')
    let r = search[1] && search[1].match(reg)
    if (r != null) return r[2]; return ''
  },
  // 拼接参数至url
  queryString (url, query) {
   
    let str = []
    for (let key in query)