axios请求有数据但是还会报错

axios请求有数据但是还会报错

案例：

上图可见，虽然已经有了红色的返回数据，但是还是执行了.catch。

错误的地方

.then((res) => {
  console.log(res.data);
  deviceSNToImgPath = response.data;
})

可见response错了，没定义，这样的错误很少见。

 .catch((err) => {
   console.log(err)
   console.log("网络错误！");
 })

加上console.log(err)之后可以看到错误信息ReferenceError: response is not defined

这里就很奇怪，原因不明白，不知道为什么未定义会导致.catch执行。
PS：有知道根本原因的，望留言，谢谢。