NUXT中使用axios，自己项目测试记录

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51

<template>   <h4>     data = {{ res }}   </h4> </template>   <script>   import axios from 'axios'   export default {     name: 'four',     // 第一种方法     /*     async asyncData (context) {       // const { data } = await axios.get('http://yd.ysedu.com/app/v1/get_home_countdown_details')       const { data } = await axios({         method: 'get',         url: 'http://yd.ysedu.com/app/v1/get_home_countdown_details',         data: {           id: 5         },         headers: {           sign: '6ebbd40d0baeef0417bf6b62144f05e3/22307e52eb1895b809031eba30900f80/1578654048/m'         }       })       return { res: data }     }     */        // 方法2     async asyncData (context, callback) {       axios({         method: 'get',         url: 'http://yd.ysedu.com/app/v1/get_home_countdown_details',         data: {           id: 5         },         headers: {           sign: 'cf1b832265a99354032d8ced757f1e77/22307e52eb1895b809031eba30900f80/1578654419/m'         }       }).then(         res => {           callback(null, {res: res.data})         }       )     }   } </script>   <style scoped>   </style>

　　初学，测试写不好返回结果，经过几次测试终于稳定。