25.解决中医知识问答删除历史对话功能后端处理请求时抛出异常

ChatTest.vue:176 DELETE http://localhost:8080/api/chat/conversations/20 500 (Internal Server Error) deleteConversation @ ChatTest.vue:176 onClick @ ChatTest.vue:22 ChatTest.vue:185 删除失败 AxiosError {message: 'Request failed with status code 500', name: 'AxiosError', code: 'ERR_BAD_RESPONSE', config: {…}, request: XMLHttpRequest, …} (匿名) @ ChatTest.vue:185 Promise.catch deleteConversation @ ChatTest.vue:184 onClick @ ChatTest.vue:22

前后端代码编写完成后，运行时发现 后端请求出现异常

失败原因是：

外键约束导致删除失败

messages 表中有一列是 cov_id，即消息属于某个 conversation。数据库设置了外键约束：不能在有消息关联时删除 conversation，所以出现删除失败的错误

因此需要先删除message里对应的convid里的消息，然后再从conversation表中删除对应的id信息即可

前段界面展示：

要删除这一个名为“这是一个新标题”的历史对话

在经过二次确认后，即可删除：

删除成功，功能实现