next.js如何使用axios请求数据

next.js官方的demo中使用的fetch来获取异步数据，那么问题来了，如何使用axios请求数据？

export default function Home({articles}) {
  return (
    <div>
      {articles.data.map(item=><div>{item.title}</div>)}
    </div>
  )
}
export async function getStaticProps() {
  // Call an external API endpoint to get posts
  const articles = await Axios({
    method: 'get',
    url: '/articlelist?page=1',
  })

  return {
    props: {
      articles:articles.data,
    },
  }
}

常见错误如下：

Error: Error serializing `.articles` returned from `getStaticProps` in “/”. Reason: `undefined` cannot be serialized as JSON. Please use `null` or omit this value.

如果 Axios前面忘记写 await 会出现这个错误提示