axios遇到跨域怎么解决

当使用axios发送请求时，如果遇到跨域问题，可以通过以下几种方式解决：

1. 代理请求：在开发环境中，你可以使用Vue CLI提供的代理功能来解决跨域问题。在项目根目录下的`vue.config.js`文件中添加以下配置：

module.exports = {
  devServer: {
    proxy: {
      '/api': {
        target: 'http://api.example.com', // 跨域请求的目标域名
        changeOrigin: true, // 启用跨域
        pathRewrite: {
          '^/api': '' // 重写请求路径，将 /api 替换为空
        }
      }
    }
  }
};

这样，在你的代码中发送以`/api`开头的请求时，会自动转发到`http://api.example.com`域名下。

2. 设置响应头：如果你无法使用代理请求，你可以在后端API服务器上设置相应的响应头来允许跨域请求。在服务端的响应中，添加以下响应头：

// 如果需要允许指定域名跨域访问，可以设置Access-Control-Allow-Origin为指定域名
response.setHeader('Access-Control-Allow-Origin', 'http://example.com');

// 如果需要允许所有域名跨域访问，可以设置Access-Control-Allow-Origin为通配符 *
response.setHeader('Access-Control-Allow-Origin', '*');

3. JSONP请求：如果后端不支持CORS（跨域资源共享），你可以考虑使用JSONP来进行跨域请求。axios本身不支持JSONP，但你可以使用`jsonp`库或自己实现JSONP请求。

4. 使用反向代理：如果你的项目是基于Node.js构建的，你可以考虑使用Nginx等反向代理服务器来解决跨域问题。

这些是解决axios跨域问题的常见方法。根据你的具体情况选择合适的解决方案。希望对你有所帮助！如果还有其他问题，请继续提问。