vue使用axios获取的数据页面不更新

为什么后端带的axios加载，在控制台已经看到数据了，但是vue绑定不到页面上

this指向有问题，并不是vue的实例，then中回调改为箭头函数，或者用一个变量存储vm实例，用这个变量来更新，如下

        created: function () {
            let me = this;//存储vue实例
            axios({
                //......
            }).then((res) => {//箭头函数，this才是vue实例，否则为window
                this.nickname = res.data.data.nick_name
                //me.nickname = res.data.data.nick_name//或者用上面me变量来设置nickname
            })
        }

您好，我是有问必答小助手，您的问题已经有小伙伴帮您解答，感谢您对有问必答的支持与关注！
PS：问答VIP年卡【限时加赠：IT技术图书免费领】，了解详情>>> https://vip.csdn.net/askvip?utm_source=1146287632

这有个类似的问题, 你可以参考下: https://ask.csdn.net/questions/7504988
我还给你找了一篇非常好的博客，你可以看看是否有帮助，链接：vue前后端分离，axios请求后台数据，axios的使用，前端获取后端数据
除此之外, 这篇博客: Vue发axios请求，数据成功拿到，但是不能渲染到页面的问题中的 Vue发axios请求，数据成功拿到，但是不能渲染到页面的问题。 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:

昨天还还好的项目，今天开服务器代理报错。一开始以为代理有问题，就各种搜，无效。
最后竟然发现是接口出了问题！！！
找到新的接口后，拿到数据，但是还是无法渲染到页面，又是各种搜。。。
最后看工具，发现JSON数据获取的是对象，我按着数组处理的，肯定不对啊。。。太蠢了。。以下是我修改的过程，希望可以帮到你

查看JSON数据格式
获取到的JSON是对象中包含数组
返回查看发请求的代码

这是改之前的错误代码

mounted() {
    this.axios.get(`/ajax/cinemaList`).then(
      response => {
        // console.log(response.data)
        var cinemas = response.data
        // console.log(cinemas)
        if (cinemas) {
          this.cinemas = response.data // 此处的this.cinemas是一个对象！！ 
          this.isLoading = false
        }
        console.log(this.cinemas)
      }
    )
  }

修改后

mounted() {
    this.axios.get(`/ajax/cinemaList`).then(
      response => {
        // console.log(response.data);
        var cinemas = response.data
        // console.log(cinemas)
        if (cinemas) {
          this.cinemas = response.data.cinemas // 修改后
          this.isLoading = false
        }
        console.log(this.cinemas)
      }
    )
  }

好了，解决了，大家不要像我一样这么傻啊。。。

您还可以看一下 jason老师的vue通用后台管理课程中的 axios的基本使用小节, 巩固相关知识点