Use async/await

examples/custom-routes/package.json

@@ -1,8 +1,7 @@
 {
   "name": "nuxt-custom-routes",
-  "description": "",
   "dependencies": {
-    "axios": "^0.15.2",
+    "axios": "latest",
     "nuxt": "latest"
   },
   "scripts": {

examples/custom-routes/pages/index.vue

@@ -13,11 +13,9 @@
 import axios from 'axios'
 
 export default {
-  asyncData () {
-    return axios.get('https://jsonplaceholder.typicode.com/users')
-    .then((res) => {
-      return { users: res.data }
-    })
+  async asyncData () {
+    const { data } = await axios.get('https://jsonplaceholder.typicode.com/users')
+    return { users: data }
   }
 }
 </script>

examples/custom-routes/pages/users/_id.vue

@@ -14,12 +14,13 @@ export default {
   validate ({ params }) {
     return !isNaN(+params.id)
   },
-  asyncData ({ params, error }) {
-    return axios.get(`https://jsonplaceholder.typicode.com/users/${+params.id}`)
-    .then((res) => res.data)
-    .catch(() => {
+  async asyncData ({ params, error }) {
+    try {
+      const { data } = await axios.get(`https://jsonplaceholder.typicode.com/users/${+params.id}`)
+      return data
+    } catch (e) {
       error({ message: 'User not found', statusCode: 404 })
-    })
+    }
   }
 }
 </script>