axios promise在一个接口走完再执行下个接口（异步接口转同步）

知不可垀骤得

已于 2022-08-15 09:38:19 修改

阅读量2.7k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： axios promisse vue 文章标签：前端 javascript 开发语言

于 2022-07-27 10:56:56 首次发布

本文链接：https://blog.csdn.net/qq_54580397/article/details/126010050

1.直接在第一个axios里面的.then(res=>{})里写

    created(){
     this.getView()
    },
    methods:{
        getView(){
            this.$axios.get(this.url).then(res=>{
                this.getdata()
            })
        },
        getdata(){
            this.$axios.get(this.url1).then(res=>{
                
            })
       }

2.适用async await把异步转成同步

    async created(){
     await this.getView()
     this.getdata()
    },
    methods:{
        //方法一
        getView(){
            this.$axios.get(this.url).then(res=>{
            })
        },
        //方法二  需等方法一走完
        getdata(){
            this.$axios.get(this.url1).then(res=>{
                
            })
        }
    }

3.return 方法一的promise对象

    created(){
     this.getView().then(
        res=>{
             this.getdata()
        }
     )
    },
    methods:{
        //方法一
        getView(){
         return   this.$axios.get(this.url).then(res=>{
            })
        },
        //方法二  需等方法一走完
        getdata(){
            this.$axios.get(this.url1).then(res=>{
                
            })
        }
    }