三篇笔记入门nuxt——请求数据

ZemanZhang

已于 2022-12-21 23:10:46 修改

阅读量645

点赞数

CC 4.0 BY-SA版权

分类专栏：前端 # vue # nuxt 文章标签：前端 vue.js javascript

于 2022-05-27 14:04:16 首次发布

本文链接：https://blog.csdn.net/qingfeng2020/article/details/125002776

前端同时被 3 个专栏收录

26 篇文章

订阅专栏

vue

15 篇文章

订阅专栏

nuxt

6 篇文章

订阅专栏

本文介绍如何在Vue.js中实现异步数据加载并处理错误，同时演示了如何使用前端Mock工具json-server来模拟API响应。适用于已有Vue基础的开发者。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

本文仅仅为笔者笔记，且本文针对拥有vue的基础的人群，若无vue基础请勿喷谢谢。

请求数据

demo：

export default {
  async asyncData({ $axios, params, error }) {
    try {
      const res = await $axios.$get("url")
      return { res }
    } catch (e) {
      error({ statusCode: 404, message: 'Not fount'})
    }
    
  }
}


// 使用的话直接 {{res.xxx}}

通过head设置页面的标题

export default {
  head() {
    return {
      title: '页面标题'
    }
  }
}

前端mock工具 json-server