1.封装网络请求方法—自定义方法接收参数

采用自定义方法接收参数，便于后期的维护

1.1步骤

1.安装axios yarn add axios

2.创建request.js(src/utils/request.js)，封装请求的axios模块

推荐使用：默认请求方式是GET方式，换库操作方便

简单写法： import axios from "axios"

const request = axios.create({ baseURL: "ttapi.research.itcast.cn/" // 基础路径 })

export default request

3.封装接口-统一管理请求的接口 api/index.js定义各种接口方法

4.在App.vue中测试getAllChannelAPI方法是否可以使用

async created() { const res = await getAllChannelsAPI() console.log(res) }

2.try和catch-异常捕获

复习：await用来取代then函数，等待promise成功结果提取在原地，但await只能拿到promise失败的结果，一旦失败promise错误直接抛出到控制台。对于用来来说，需要进行错误提醒，所以引入try和catch。 语法：try { } catch (err) { // err参数拿到的是错误对象 }

具体代码：