vue项目接口管理,所有接口都在apis文件夹中统一管理

是的，这是一种非常好的实践方式。在Vue项目中，我们可以将所有的接口请求都统一放在一个apis文件夹中进行管理。这样做的好处有以下几点：

1. 方便维护：将所有接口请求都放在一个文件夹中，可以更方便地进行管理和维护。我们只需要在一个地方修改接口地址，就可以让所有相关的页面都生效。

2. 代码复用：将接口请求封装成一个函数，可以在不同的组件中进行复用。

3. 易于测试：将接口请求封装成函数，我们可以更方便地进行单元测试，确保代码的正确性。

具体实现方式可以参考以下步骤：

1. 在Vue项目的src目录下创建一个apis文件夹。

2. 在apis文件夹中创建一个index.js文件，用于统一导出所有的接口请求函数。

3. 在index.js文件中，可以使用axios库来进行接口请求的封装。

4. 在需要使用接口请求的组件中，引入apis/index.js文件，然后调用对应的接口请求函数即可。

下面是一个示例代码：

// apis/index.js

import axios from 'axios'

const BASE_URL = 'https://api.example.com'

export const getUserInfo = () => {
  return axios.get(`${BASE_URL}/user/info`)
}

export const login = (username, password) => {
  return axios.post(`${BASE_URL}/user/login`, {
    username,
    password
  })
}

// 在组件中使用接口请求

import { getUserInfo, login } from '@/apis'

// 获取用户信息
getUserInfo().then(res => {
  console.log(res.data)
})

// 登录
login('username', 'password').then(res => {
  console.log(res.data)
})