Mybatis删除 Axios response错误

springboot+vue2.0 Mybatisplus Axios response错误
用代码块功能插入代码,请勿粘贴截图
前端代码
deleteById (role) {
        this.$confirm('是否删除该角色?', '提示', {
          confirmButtonText: '确定',
          cancelButtonText: '取消',
          type: 'danger'
        }).then(() => {
          this.axios.delete(this.$http.httpUrl('/system/role'), {  
            data: role
          }).then(response => {
            if (response.data.code === 1) {   // 页面调试这个位置报错,code undefine
              this.$message.success(response.data.message),
              this.getRoleList()
            } else {
              this.$message.error(response.data.message)
            }
          })
        }).catch(() => {
          this.$message({
            type: 'info',
            message: '已取消删除'
          })

---------java后端systemRoleController代码
@DeleteMapping("role/{id}")
    @RequiresPermissions("system:role:removeById")
    public Result deleteById(@PathVariable("id")Integer id) {
        System.out.println("id");
        return Result.success(systemRoleService.deleteById(id).getCode());
    }

--------java后端systemRoleService代码
@Transactional
    public ResultCode deleteById(Integer id) {
        if (systemAdminRoleService.checkRoleIsUse(id)) {
            return new ResultCode(ResultCode.FAIL, "角色已被使用,无法删除");
        }
        this.removeById(id); // 删除角色
        systemRoleMenuService.deleteByRoleId(id); // 删除角色权限
        return new ResultCode(ResultCode.SUCCESS, "删除成功");
    }
运行结果及报错内容

前端断点调试,错误CODE无法识别,下一步直接中止了操作。提示delete代码200,这个请求又是正常的。

img

后端断点调试,点击按钮后,程序根本没经过systemRoleController 和 systemRoleService 中对应的代码。 而且后台也没有打印出对应的角色信息。

img

有尝试再前端代码URL地址后面加上deleteById,这样后台就答应了要删除的角色信息,但是页面请求显示404,而且程序直接跳过.then(response => { 直接到了.catch

最好能帮忙远程
我想要达到的结果

解决问题,最好能帮忙解答一下为什么会这样

img

提示很明显了;
你后端返回的数据不对;
或你前端读取的不对;

看了提示是有undefined的

你后端用的是@PathVariable接收值,你前端传递的不是,url应该都没匹配上,所以报错了,你可以尝试
console.log(response)打印下,然后界定是前端的问题还是后端的问题,这个多半给你返回的是404

img

mybatis批量删除报错
https://blog.csdn.net/myNameIssls/article/details/53581037