vue axios(二次封装)

注意:再一次封装完成后

步骤一: 在src文件下面的api文件夹中创建http.js

//注意:用apiGet请求也与要引入import { apiGet } from "./api";

import { apiPost } from "./api";


export function register() {
  return new Promise((resolve, reject) => {
    apiPost("接口地址").then((res) => {
      resolve(res);
    }).catch((err) => {
      reject(err);
    });
  })
}

export function getrecord() {
    return new Promise((resolve, reject) => {
      apiPost("接口地址").then((res) => {
        resolve(res);
      }).catch((err) => {
        reject(err);
      });
    })
  }

步骤二:页面使用 先引入

<template>
    <div>
        <!-- 例子 -->
        <div>二次封装</div>
    </div>
</template>
<script>
import {register} from '../api/http'  //注意起的名字不一样引入的时候要注意名字

export default {
    data() {
        return {
   
        }
    },
    created(){
        this.getmover() //在页面打开之前打印出来  (调用)
    },
    methods:{
        getmover(){ //定义一个新的方法来接收封装的方法
            register().then(r=>{
                console.log(r);
            })
        }
    }
}
</script>