VUE2怎么配置axios接口

要在 Vue2 中使用 Axios 库来调用接口，可以按照以下步骤进行配置：

1. 安装 Axios 库，可以通过 npm 命令来安装：

   npm install axios --save

2. 在需要调用接口的组件中，引入 Axios 库：

   import axios from 'axios'

3. 在组件中定义需要调用的接口，例如：

   const API_URL = 'http://localhost:3000/api'
   const LOGIN_URL = `${API_URL}/login`

这里定义了一个 API_URL 常量，表示接口的基础 URL，以及一个 LOGIN_URL 常量，表示登录接口的 URL。

4. 使用 Axios 库来发起 HTTP 请求，例如：

   axios.post(LOGIN_URL, {
     username: 'admin',
     password: '123456'
   }).then(response => {
     console.log(response.data)
   }).catch(error => {
     console.error(error)
   })

这里使用 `axios.post` 方法来发起 POST 请求，传递用户名和密码参数，然后通过 `then` 和 `catch` 方法来处理请求的响应和错误。

5. 如果需要在多个组件中使用 Axios 库，可以将 Axios 实例定义为一个全局变量，例如：

   import axios from 'axios'
   const API_URL = 'http://localhost:3000/api'
   const instance = axios.create({
     baseURL: API_URL,
     timeout: 10000,
     headers: {
       'Content-Type': 'application/json'
     }
   })
   export default instance

在上面的代码中，定义了一个名为 `instance` 的 Axios 实例，并将其导出，可以在其他组件中通过 `import` 导入并使用。

希望以上步骤可以帮助你在 Vue2 中配置 Axios 接口，并成功调用接口。