vue 项目如何捕获awit 错误情况

复习：

1.await 用于取代then函数,等待Promise成功结果提取原地

2.await 无法获取Promise 失败的结果，一旦失败Promise错误的抛出到控制台

try 和catch来捕获await同步代码的错误

<script>
import { getAllChannelsAPI } from '@/api'
//try 和catch来捕获await同步代码的错误
export default {async created () {try{const res = await getAllChannelsAPI()console.log(res)}catch(err){//err参数拿到的就是错误对象//给用户来个弹框提示-程序出错了//console.dir()详细打印console.dir(err)}},
};

可能会有人问  为什么要用 console.dir()打印错误呢！而不用console.log()去打印呢!

因为二者之间效果不一样，console.dir()效果会更好一些；下边会有箭头提示具体的报错