vue3解决axios跨域问题

在Vue 3中解决axios跨域问题，你可以通过配置axios的请求头来实现。以下是一种常见的解决方法：

1. 在项目的根目录下创建一个`vue.config.js`文件（如果已经存在则忽略此步骤）。
2. 在`vue.config.js`文件中添加以下内容：

module.exports = {
  devServer: {
    proxy: {
      '/api': { // 这里的 /api 是你要跨域的请求路径前缀
        target: 'http://api.example.com', // 这里填写你的后端接口地址
        changeOrigin: true,
        pathRewrite: {
          '^/api': '' // 将 /api 替换为空字符串，即去掉/api前缀
        }
      }
    }
  }
}

3. 在你的Vue组件中，使用axios发送请求时，将请求路径改为`/api`开头，例如：

axios.get('/api/some-api') // /api 会被替换成 http://api.example.com
  .then(response => {
    // 处理响应数据
  })
  .catch(error => {
    // 处理错误
  });

这样配置后，所有以`/api`开头的请求都会被代理到`http://api.example.com`，从而解决了跨域问题。

请注意，这只是一种解决方案，具体的配置可能会因项目需求或后端接口的不同而有所变化。你可以根据自己的情况进行相应的调整。