如果你能将后端返回的数据成功console出来,那么恭喜你,已经越过了axios中的很多坎。(#^.^#)
下面将说一下如果把返回的data显示在页面上。
这是错误示范:
data() {
return {
message: "你好"
}
},
created() {
axios({
method: 'get',
url: 'https://localhost:44304/login'
}).then(function (response) {
console.log(response.data);
this.message = response.data;//这种写法会报错,具体错误在下图
console.log(this);//这样写得到的结果是undefined
}).catch(resp => {
console.log("请求失败:" + resp);
})
}
正确示范:
我们将this的值赋给一个变量。然后在内部调用该变量。
created() {
var _this = this;//定义一个外部变量,将this的值付给它
axios({
method: 'get',
url: 'https://localhost:44304/login'
}).then(function (response) {
console.log(response.data);
console.log(_this);
_this.message = response.data;//调用该变量
}).catch(resp => {
console.log("请求失败:" + resp);
})
}