Vue 利用Promise解决回调地狱

 最近在开发一个项目，需求是在保存前要依次调用多个接口判断是否合规，如果一个个then去嵌套，想想都可怕，后面查找了资料可以利用Promise解决，记录下解决方式。

//封装第一个异步方法
    p1(arc1, arc2) {
      return new Promise((resolve, rejects) => {
        // 调用api接口
        api1(arc1, arc2)
          .then((res) => {
            resolve(res);
          })
          .catch((err) => {
            rejects(err);
          });
      });
    },
    //封装第二个异步方法
    p2() {
      return new Promise((resolve, rejects) => {
        // 调用api接口
        api2()
          .then((res) => {
            resolve(res);
          })
          .catch((err) => {
            rejects(err);
          });
      });
    },
    //调用
    save() {
      this.p1()
        .then(() => {
          return this.p2();
        })
        .then(() => {
          console.log("成功");
        })
        .catch((err) => {
          console.log("失败");
        });
    },