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`是相对于你的前端服务器的路径，实际上会被代理到后端接口地址。