vue跨域问题

在Vue.js中，可以使用代理配置来解决跨域请求的问题。代理配置允许您将请求转发到另一个URL，以避免浏览器的同源策略限制。下面是一些常用的代理配置方法：

在vue.config.js中配置代理

在Vue.js项目的根目录中创建vue.config.js文件，并在该文件中添加代理配置。例如，要将所有/api开头的请求转发到http://localhost:8080/api，可以添加以下配置：

module.exports = {
  devServer: {
    proxy: {
      '/api': {
        target: 'http://localhost:8080',
        changeOrigin: true
      }
    }
  }
}

在以上配置中，/api是要转发的URL前缀，target是要转发到的目标URL，changeOrigin设置为true可以更改请求头中的Host字段，以避免同源策略的限制。

在axios中使用baseUrl

如果您使用axios发送请求，也可以在全局配置中设置baseUrl来避免跨域请求。在Vue.js的main.js文件中，可以添加以下代码：

import axios from 'axios';

axios.defaults.baseURL = 'http://localhost:8080';

在以上代码中，将axios的baseUrl设置为要发送请求的后端服务的地址。这样，在发送请求时，只需要指定URL的路径部分即可，如：

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