分享：nuxt使用第三方模块

最新推荐文章于 2024-06-03 16:11:10 发布

万花丨凋

最新推荐文章于 2024-06-03 16:11:10 发布

阅读量1k

点赞数

CC 4.0 BY-SA版权

分类专栏： nuxt vue 文章标签： vue html5

本文链接：https://blog.youkuaiyun.com/awseda/article/details/106780790

nuxt 同时被 2 个专栏收录

45 篇文章

订阅专栏

vue

39 篇文章

订阅专栏

本文介绍了如何在 Nuxt.js 应用中集成和使用第三方模块，特别是 axios 作为 HTTP 客户端。通过 npm 安装 axios 后，你可以在客户端和服务端无缝地进行 HTTP 请求。

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

使用第三方模块

我们可以在应用中使用第三方模块，一个典型的例子是在客户端和服务端使用 axios 做 HTTP 请求。
首先我们需要安装 npm 包：

npm install --save axios

然后，在页面内这样使用：

<template>
  <h1>{{ title }}</h1>
</template>

<script>
import axios from 'axios'

export default {
  async asyncData ({ params }) {
    let { data } = await axios.get(`https://my-api/posts/${params.id}`)
    return { title: data.title }
  }
}
</script>