vue axios(二次封装)
步骤一: 在src文件下面的api文件夹中创建http.js。步骤二:页面使用 先引入。注意:再一次封装完成后。
·
注意:再一次封装完成后
步骤一: 在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>
更多推荐
已为社区贡献1条内容
所有评论(0)