vue2 配置axios

在Vue2中配置axios可以通过以下步骤进行：

1. 在main.js文件中引入axios，并将其挂载到Vue的原型上，以便在组件中可以通过this.$http来使用axios。

   import axios from 'axios'
   Vue.prototype.$http = axios

2. 可以通过axios的默认配置来设置请求的根路径，例如：

   axios.defaults.baseURL = 'http://yufei.shop:3000'

3. 在组件中使用axios发送请求的示例代码如下：

   this.$http.get('http://localhost:8089/students/test')
     .then(res => {
       this.students = res.data
     })
     .catch(e => {
       console.log(e)
     })

需要注意的是，以上配置适用于Vue2，对于Vue3可能需要进行一些调整。另外，也可以将axios单独封装到某个配置文件中，以便在不同组件中复用。这样可以更好地组织代码并提高代码的可维护性。

相关问题

vue2配置axios

在Vue2中配置Axios可以按照以下步骤进行：

1. 首先，在main.js中引入Axios：

import axios from 'axios'

2. 接下来，将Axios挂载到Vue实例的原型上，以便在组件中使用：

Vue.prototype.$http = axios

3. 然后，全局配置Axios的请求根路径：

axios.defaults.baseURL = 'http://yufei.shop:3000'

这样，你就成功配置了Axios来进行接口调用。

vue2配置axios跨域

在Vue2中配置axios跨域可以通过以下步骤实现：

1. 安装axios：首先，在你的Vue项目中安装axios。可以使用npm或者yarn命令进行安装，例如：

npm install axios

2. 创建代理配置：在Vue项目的根目录下，创建一个vue.config.js文件（如果已经存在则跳过此步骤）。在该文件中添加以下代码：

module.exports = {
  devServer: {
    proxy: {
      '/api': {
        target: 'http://api.example.com', // 设置你想要请求的后端接口地址
        changeOrigin: true,
        pathRewrite: {
          '^/api': '' // 如果你的后端接口没有/api前缀，可以将此行注释掉
        }
      }
    }
  }
}

这里的配置表示将以`/api`开头的请求代理到`http://api.example.com`，你可以根据实际情况修改目标地址。

3. 使用axios发送请求：在你的Vue组件中，可以使用axios发送跨域请求。例如：

import axios from 'axios'

axios.get('/api/data')
  .then(response => {
    console.log(response.data)
  })
  .catch(error => {
    console.error(error)
  })

这里的`/api/data`是相对于你的前端服务器的路径，实际上会被代理到后端接口地址。