nuxt axios get

Nuxt.js 是一个基于 Vue.js 的服务端渲染应用框架，它提供了一种简单、灵活的方式来创建 SSR 应用程序。而 Axios 是一个基于 Promise 的 HTTP 客户端，用于浏览器和 Node.js 中发起 HTTP 请求。

在 Nuxt.js 中使用 Axios 可以通过在 `nuxt.config.js` 文件中配置 Axios 模块，然后在页面中使用 `$axios` 对象来发起 HTTP 请求。

以下是一个使用 Axios 发起 GET 请求的例子：

export default {
  async asyncData({ $axios }) {
    const response = await $axios.get('https://jsonplaceholder.typicode.com/posts')
    return {
      posts: response.data
    }
  }
}

这个例子中，我们在页面的 `asyncData` 方法中使用 `$axios` 对象来发起 GET 请求，并将响应结果中的文章列表存储在数据对象中。在组件中，我们可以通过访问 `this.$axios` 属性来使用 Axios 对象。

注意，我们使用了 `async/await` 来处理异步请求，并且我们没有在组件的 `created` 钩子中使用 Axios，因为这可能会导致服务器和客户端之间的请求重复。在 Nuxt.js 中通过 `asyncData` 方法来处理数据获取是一个常见的做法，因为它能够在服务端渲染期间发起请求，并将数据注入到组件中。