vue-admin-template二次开发 报错Property “visible“ must be accessed with “$data.visible“等一大串

最近使用vue-admin-template进行二次开发, 在本地使用nodejs写接口进行接口调试。

在调试一个登陆的接口的时候，发现下面的报错：

在网上找到错误基本都是Message使用的问题，但是经过排查我的Message使用是完全没问题的。

后来经过排查发现是因为一个接口返回的数据格式的问题。

如下接口：下面请求接口返回的数据是一个对象info

但是实际在vue-admin-template里面这个接口需要返回的数据格式应该是下面的content这样的

let info = {
    roles: ['admin'],
    introduction: 'I am a super administrator',
    avatar: 'https://wpimg.wallstcn.com/f778738c-e4f8-4870-b634-56703b4acafe.gif',
    name: 'Super Admin'
 }
let content = {
   code: 20000,
   data: info
 }

在content里面需要有一个data数据来接收info，然后在后台获取数据时候应该是使用了.data来拿去info的数据,所以如果直接讲info返回回去的话,就会找不到.data进而报错。

在将代码改成一下格式之后，再接口调试就没有任何问题了。