我使用mock的时候也不报错就是出来 问题看截图

Question

Answer 1

fishenal 2018-05-16 10:22:01

axios.get('api/getBoardList')

    .then((res) => {

      console.log(res)

      this.boardList = res.data

    })

函数体里的res是完整的返回数据，赋值的时候用的是res.data吗。

如果还是不行，我怀疑会不会.json 影响返回？接口没必要非要请求json文件，uri即可

• 提问者 大多数是 #1

  难道和我json文件数据格式有关吗？我试一下老是你的json文件看看{
    "ret": true,
    "data": {
      "newlist": [
        {
          "title": "最新消息1",
          "url": "http://starcraft.com"
        },
        {
          "title": "最新消息2",
          "url": "http://warcraft.com"
        },
        {
          "title": "最新消息3",
          "url": "http://overwatch.com",
          "hot": true
        },
        {
          "title": "最新消息4",
          "url": "http://hearstone.com"
        }
      ]
    }
  }

• 提问者 大多数是 #2

  methods: {
      getDatasInfo () {
        axios.get('/api/newlist.json')
          .then(this.getDatasInfoSucc)
      },
      getDatasInfoSucc (res) {
        res = res.data
        if (res) {
          this.newlist = res.getNewsList
        }
      }
    },
    mounted () {
      this.getDatasInfo()
    }  请求这里我是这样写的

• 提问者 大多数是 #3

  Mock.mock(/newlist\.json/, {
    'list|1-10': [
      {
        'title': '@ctitle',
        'url': '@url',
        'id|+1': 1
      }
    ]
  })
  
   methods: {
      getDatasInfo () {
        axios.get('/api/newlist.json')
          .then(this.getDatasInfoSucc)
      },
      getDatasInfoSucc (res) {
        console.log(res)
        if (res) {
          this.newlist = res.data
        }
      }
    },
    mounted () {
      this.getDatasInfo()
    }
  方法里的打印也正常了  就是不出来  要哭了（我用的你json数据格式了）

点开查看后面4条评论

Answer 2

fishenal 2018-05-15 22:08:34

请求没发出来说明被拦截了，回调里打印一下res能看到内容吗

• 提问者 大多数是 #1

  打印出来list数组了Objectlist: Array[1]0: Objecttitle: "xxxx"url: "xxxx"__proto__: Objectlength: 1__proto__: Array[0]__proto__: Object__defineGetter__: __defineGetter__()__defineSetter__: __defineSetter__()__lookupGetter__: __lookupGetter__()__lookupSetter__: __lookupSetter__()constructor: Object()hasOwnProperty: hasOwnProperty()isPrototypeOf: isPrototypeOf()propertyIsEnumerable: propertyIsEnumerable()toLocaleString: toLocaleString()toString: toString()valueOf: valueOf()get __proto__: __proto__()set __proto__: __proto__()，模拟的数据页面上就是出不来 不知道什么原因

• fishenal 回复 提问者 大多数是 #2

  你这个数据返回的不对，我这边是{data: {…}, status: 200, statusText: "OK", headers: {…}, config: {…}, …}
  config
  :
  {adapter: ƒ, transformRequest: {…}, transformResponse: {…}, timeout: 0, xsrfCookieName: "XSRF-TOKEN", …}
  data
  :
  {__ob__: Observer}
  headers
  :
  {}
  request
  :
  MockXMLHttpRequest {custom: {…}, match: true, readyState: 4, timeout: 0, onreadystatechange: ƒ, …}
  status
  :
  200
  statusText
  :
  "OK"
  __proto__
  :
  Object