Promise 配合 axios 使用

Promise是一個構造函數，本身身上有all、reject、resolve這幾個眼熟的方法，原型上有then、catch等一樣很眼熟的方法

很細緻的Promise使用詳解 本身腦補

 

vue 工程化的項目通常都會將請求函數進行組件化，

api 組件以下：

export default {
    
    fetchData (url, methods, datas) {
        return new Promise((resolve, reject) => {
          axios({
              url: url,
              method: methods,
              data: datas
            }).then((res) => {
              resolve(res)
            }).catch(function (error) {
              reject(error)
              // console.log(error);
            })
        })
    }
}

index.vue 調用

getData () {
     api.fetchData('https://www.apiopen.top/novelApi','get')
        .then(res=>{
             console.log(res.data);
         },error => {
             console.log(error)
     })
}