vue 怎么解决跨域问题

在Vue中解决跨域问题，可以通过配置代理、使用axios等方式实现。下面我将介绍两种常用的方法。

方法一：配置代理

在Vue项目的根目录下找到vue.config.js（如果没有则手动创建），并添加以下代码：

module.exports = {
  devServer: {
    proxy: {
      '/api': {
        target: 'http://api.example.com', // 设置你调用的接口域名和端口号
        changeOrigin: true,
        pathRewrite: {
          '^/api': ''
        }
      }
    }
  }
}

这样配置后，当你在Vue项目中发起以`/api`开头的请求时，会被代理到`http://api.example.com`，从而避免了跨域问题。

方法二：使用axios

安装axios：

npm install axios

在需要发送请求的组件中，引入axios并发送请求：

import axios from 'axios';

axios.get('http://api.example.com/api/xxx')
  .then(response => {
    // 处理响应数据
  })
  .catch(error => {
    // 处理错误
  });

在上面的例子中，我们直接使用axios发送请求到目标接口，不会受到浏览器的同源策略限制。

以上是两种常见的解决跨域问题的方法，你可以根据具体情况选择合适的方式来解决。如果还有其他问题，请随时提问。