时间戳

首页 > 解决方案 > axios get函数在get方法中带有参数，当它为null或为空时导致404错误

javascript - axios get函数在get方法中带有参数，当它为null或为空时导致404错误

问题描述

我用 axios 编写了 vue.js 代码，如下所示，它工作正常，但 branchid 为 null 或为空，它总是返回 404 错误，如果我的 id 存在，如何将条件写入此 api 调用，那么只有它会返回。

@TrackFlight(FlightToken.getMylocationData)
getBranchData(bId) {
  return axios.get(`/api/v2/mybranch/${bId}`);
}

截屏

标签： javascriptvue.jsaxios

解决方案

在 axios 请求前添加 if 检查，检查 id 是否有值。

由于 axios 是基于 Promise 的，因此您可以使用Promise.reject. 如果 id 无效，只需返回Promise.reject并在 catch 块中的调用函数中捕获它。

@TrackFlight(FlightToken.getMylocationData)
getBranchData(bId) {
  if (!bId) return Promise.reject("Invalid ID");
  return axios.get(`/api/v2/mybranch/${bId}`);
}

推荐阅读