axios 配置跨域

在使用axios发送跨域请求之前，需要先进行一些配置。以下是一种常见的配置方法：

在项目中的根目录下创建一个名为 `vue.config.js`（如果你是在Vue项目中使用axios）的文件，并添加以下内容：

module.exports = {
  devServer: {
    proxy: {
      '/api': {
        target: 'http://api.example.com', // 跨域请求的后端接口地址
        changeOrigin: true, // 开启跨域
        pathRewrite: {
          '^/api': '' // 路径重写，如果后端接口地址中没有/api前缀，可将此项设置为空字符串
        }
      }
    }
  }
}

上述配置的含义是：将以 `/api` 开头的请求代理到 `http://api.example.com`，并且开启跨域。

接下来，在你发送请求的地方，将请求的URL修改为以 `/api` 开头的形式。例如：

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

这样配置之后，axios会将请求转发到后端接口地址，并且自动处理跨域问题。

当然，上述配置只是一种常见的方法，具体的配置方式可能会因项目框架或需求而有所不同。在实际应用中，你可能需要根据自己的情况进行相应的调整。