后端给的数据格式是这样的,前后端连接问题

问题遇到的现象和发生背景

img

后端给的数据格式是这样的,请问怎么进行前后端连接呀?

问题相关代码,请勿粘贴截图

created() {
const _this=this;
axios.get("http://127.0.0.1:4523/mock/1031541/display").then(
(resp)=>{
console.log(resp);
this.$data.showData=resp.data;
})

运行结果及报错内容

这样之后显示不出来信息

因为这里只呈现了调用接口和赋值的代码,请问题主解决掉了吗?如果还没有可以说一下,我帮您远程解决一下!如果这里没办法及时联系到也可以私信我

this.data.showData=resp.data;

1.你要确定你的console.log(resp);是否能正常输出
2.如果第一步有数据,你需要再输出 console.log(this.$data.showData) 查看是否有数据
3.如果第二步有数据,查看你的写法是否有问题,vue的模板语法是 俩对大括号包着的,例如这样: {{showData}},
4.如果你的写法没问题,检测你是否写在了 id为 app的div下面,