axios封装

第一步先安装 npm install --save axios

 在 以下代码复制到main.js
import { apiGet, apiPost } from "./api/api";

Vue.prototype.$apiGet = apiGet;

Vue.prototype.$apiPost = apiPost;
第二步在myobj下创一个文件夹叫api,在api里创2个文件分别叫

api.js文件

import axios from 'axios'

axios.defaults.timeout = 30000

axios.defaults.baseURL = '' //接口

axios.interceptors.request.use(

  config => {

    return config

  },

  error => {

    return Promise.reject(error)

  }

)

axios.interceptors.response.use(

  response => {

    if (response.status == 200) {

      return response

    }

  },

  error => {

    return Promise.reject(error)

  }

)

export function apiGet(url) {

  return new Promise((resolve, reject) => {

    axios({

      method: 'get',

      url

    }).then(

      value => {

        resolve(value.data)

      },

      reason => {

        reject(reason)

      }

    )

  })

}

export function apiPost(url, data) {

  return new Promise((resolve, reject) => {

    axios({

      method: 'post',

      url,

      data

    }).then(

      value => {

        resolve(value.data)

      },

      reason => {

        reject(reason)

      }

    )

  })

}

http.js

import { apiGet, apiPost } from './api

export function addSystemRole(data) {

  return apiPost('http://47.94.4.201/index.php/index/index/register', data)

}

export function addSystemRhhole(data) {

  return apiPost('http://47.94.4.201/index.php/index/index/login', data)

}

export function getCode() {

  return apiGet('http://47.94.4.201/index.php/index/index/getcode')

}

第三步:

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值