如何在VueJS异步调用中显示JSON错误

Question

在我的Laravel后端，这是我的代码。

return response()->json(['name' => 'Abigail', 'state' => 'CA'], 422);

在我的VueJs代码中，我有这个

try {
  await importBankTransactionsFromCsv();
} catch (e) {
  console.log(e) . //how to display the actual json
} finally {
  this.busy = false;
}

这就是我定义importBankTransactionsFromCsv

的方式

export const importBankTransactionsFromCsv = async (
   transactionsFile: FormData
): Promise<ImportError> => {
  return api.post(`bank-transactions/import`, transactionsFile);
};

这是api.post

post: (url: string, data?: any, config?: any): any => {
   return axios.post(`${baseURL}/${url}`, data, config).then((response) => response.data);
},

作为一种变通办法，我可以在后端传递另一个http代码，例如204或206，并基本上将一个变量分配给importBankTransactionsFromCsv调用，但这将是我不想实现的技巧