nuxt api接口模块写法

在Nuxt.js中，您可以使用@nuxtjs/axios模块来处理API接口。下面是一个示例的Nuxt.js API接口模块的写法：

首先，您需要在nuxt.config.js文件中配置@nuxtjs/axios模块：

module.exports = {
  modules: [
    '@nuxtjs/axios',
  ],
  axios: {
    // 配置axios的基本URL
    baseURL: 'http://example.com/api',
  },
}

然后，在store目录下创建一个新的模块文件，例如api.js：

import axios from 'axios'

// 创建一个axios实例
const api = axios.create({
  baseURL: 'http://example.com/api',
})

// 导出API接口函数
export default {
  fetchItems() {
    return api.get('/items')
  },
  createItem(data) {
    return api.post('/items', data)
  },
  updateItem(id, data) {
    return api.put(`/items/${id}`, data)
  },
  deleteItem(id) {
    return api.delete(`/items/${id}`)
  },
}

在需要使用API接口的地方，您可以像这样导入和使用：

import api from '@/store/api'

export default {
  methods: {
    async fetchData() {
      try {
        const response = await api.fetchItems()
        const data = response.data
        // 处理数据
      } catch (error) {
        console.error(error)
        // 处理错误
      }
    },
  },
}

这只是一个简单的示例，您可以根据自己的需求扩展和修改API接口模块。注意，您还可以使用@nuxtjs/proxy模块来处理跨域请求。