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信息即可
前段界面展示:
要删除这一个名为“这是一个新标题”的历史对话
在经过二次确认后,即可删除:
删除成功,功能实现