分享：nuxt使用第三方模块

最新推荐文章于 2024-07-01 09:10:03 发布

原创最新推荐文章于 2024-07-01 09:10:03 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue #html5

nuxt 同时被 2 个专栏收录

45 篇文章

订阅专栏

vue

39 篇文章

订阅专栏

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

使用第三方模块

我们可以在应用中使用第三方模块，一个典型的例子是在客户端和服务端使用 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>