nuxt2怎吗使用mixin去请求后端数据接口

在 Nuxt.js 中使用 mixin 请求后端数据接口的步骤如下：

1. 创建一个 mixin 文件，比如 `api.js`，并在其中定义请求接口的方法。例如：

export default {
  methods: {
    async fetchData() {
      const response = await this.$axios.get('/api/data')
      return response.data
    }
  }
}

2. 在需要使用该 mixin 的组件中，使用 `mixins` 属性将该 mixin 引入。例如：

import apiMixin from '~/mixins/api'

export default {
  mixins: [apiMixin],
  async asyncData({ $axios }) {
    const data = await this.fetchData()
    return { data }
  }
}

在上面的例子中，我们通过 `mixins: [apiMixin]` 将 `api.js` 中的方法引入到组件中。然后在 `asyncData` 方法中，调用 `fetchData` 方法请求接口数据，并将返回的数据存储在组件的 `data` 属性中。

需要注意的是，在使用 `asyncData` 方法请求接口数据时，需要将 `$axios` 对象传入该方法中。这个对象是 Nuxt.js 中内置的 Axios 实例，用于发起 HTTP 请求。