promise报错：Uncaught (in promise) Error: Timeout at eval

Question

慕课网上的一个教学视频，通过jsonp跨域获取qq音乐的数据，控制台一直报错

// jsonp.js

import originJSONP from 'jsonp'

export default function jsonp(url, data, options) {
  url += (url.indexOf('?') < 0 ? '?' : '&') + params(data)
  
  console.log(url, data, options)

  return new Promise((resolve, reject) => {
    originJSONP(url, options, (err, data) => {
      if (!err) {
        console.log('right')
        resolve(data)
      } else {
        console.log('error')
        reject(err)
      }
    })
  })
}

function params(data) {
  let url = ''
  for (let i in data) {
    let value = data[i] !== undefined ? data[i] : ''
    url += `&${i}=${encodeURIComponent(value)}`
  }
  return url ? url.substring(1) : ''
}

// recommend.js

import jsonp from 'common/js/jsonp'
import {commonParams, options} from './config'

export function getRecommend() {
  const url = 'https://c.y.qq.com/musichall/fcgi-bin/fcg_yqqhomepagerecommend.fcg'

  const data = Object.assign({}, commonParams, {
    platform: 'h5',
    uin: 0,
    needNewCode: 1
  })

  return jsonp(url, data, options)
}

// recommend.vue

  created() {
    this._getRecommend()
  },
  methods: {
    _getRecommend() {
      getRecommend().then((res) => {
        if (res.code === ERR_OK) {
          console.log(res.data.slider)
        }
      })
    }
  }

打印要跨域的url是正确的

但一直报这个错误

找不出问题在哪，求解

Answer 1

你的Promise记得catch一下错误啊，要有catch错误的习惯。
应该是网络请求超时，是服务器请求的问题

_getRecommend() {
  getRecommend().then((res) => {
    if (res.code === ERR_OK) {
      console.log(res.data.slider)
    }
  })
  .catch(err => {
    console.log(err) // 这里catch到错误timeout
  })
}