vue项目接口管理,所有接口都在apis文件夹中统一管理操作

vue项目接口管理项目接口管理,所有接口都在所有接口都在apis文件夹中统一管理操作文件夹中统一管理操作

主要介绍了vue项目接口管理,所有接口都在apis文件夹中统一管理操作，具有很好的参考价值，希望对大家有所

帮助。一起跟随小编过来看看吧

在vue开发中，会涉及到很多接口的处理，当项目足够大时，就需要定义规范统一的接口，如何定义呢？

方法可能不只一种，本文使用axios+async/await进行接口的统一管理

本文使用vue-cli生成的项目举例

使用接口管理之前

在项目的某个具体组件中调接口，把调用接口的方法直接写在mounted中，或在是methods中 比如：

<el-col :span="24">{{msg}}</el-col>

</el-row>

</div>

</div>

</template>

<script>

import axios from 'axios'

export default {

name: "test",

data:function(){

computed:{

},

//--------------Vue生命周期---具体细节参考：https://www.cnblogs.com/yingyigongzi/p/10844175.html ---------------

beforeCreate(){

},

created(){

},

beforeMount(){

},

.then(function (response) {

　　　　　　//代码操作

})

.catch(function (error) {

console.log(error);

});

},

beforeUpdate(){

},

updated(){

}

</script>

<style scoped></style>