526互联

vue3.0之axios使用

发布时间 2023-06-26 19:04:33作者: 树苗叶子
// 导入包
import axios from "axios";

// 使用示例
axios.post('发送请求地址', {
  携带变量key1: 变量value1,
  携带变量key2: 变量value2,
}).then(response => {
// 后端返回给前端的数据都在response.data里，可以通过“response.data.键”进行调用
  if (response.data.code == 100) {  // 比如如果返回的code状态码为100则表示正常
    xxxx;  // 正常则开始执行里面的内容
    xxxx;
  } else {
    xxx
  }
}).catch(error => {  // 当请求遇到异常时，.catch()方法将会响应错误，并输出错误信息。例如，如果请求被阻塞或无法连接到网络，则.catch()方法将抛出网络错误。
  xxx
})