封装axios接口

  • Post author:
  • Post category:其他


在utils文件下的request.js

import axios from 'axios'

const request = (url, method, data = {}) => {
  // 创建一个 axios 实例
  const instance = axios.create({
    baseURL: '/chen',
    timeout: 5000
  })

  // post 和 get 请求内容不一样
  let obj = {}
  if (method === 'get') {
    obj = {
      url: url,
      method: method,
      params: {
        ...data,
      }
    }
  } else {
    obj = {
      url: url,
      method: method,
      data: {
        ...data
      }
    }
  }
  //设置axios请求拦截添加 token 字段
  instance.interceptors.request.use(config => {
    //为请求头, 添加 token 验证的 Authorization 字段
    config.headers['x-token'] = sessionStorage.getItem('token')
    //必须返回config
    return config
  })
  // 返回本来就是一个 promise 对象
  return instance(obj)
}

export default request

在server文件夹下的api.js

import request from '../utils/request.js'

export function getIotListDataApi(data) {
  return request('/stIotR/getStIotRList', 'get', data)
}

export function userLoginApi(data) {
  return request('/base/loginByWechat', 'post', data)
}



版权声明:本文为qq_44913478原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。