vue-element-admin 跨域问题

Vue-element-admin 是一个基于 Vue.js 和 Element UI 的后台管理系统模板，涉及到跨域问题，主要是因为它的前端代码和后端接口部署在不同的域名或端口上，导致浏览器的同源策略限制了跨域访问。

解决跨域问题的常用方法有以下几种：

1.在后端接口中添加跨域头信息

在后端接口的响应头中添加 Access-Control-Allow-Origin 字段来允许指定的域名或所有域名跨域访问。例如：

Access-Control-Allow-Origin: *

2.使用代理服务器

在 Vue-element-admin 的配置文件中，可以使用 devServer.proxy 选项将请求转发到代理服务器，代理服务器再将请求发送给后端接口。这样前端代码就可以绕过浏览器的同源策略进行跨域访问。例如：

devServer: {
  proxy: {
    '/api': {
      target: 'http://localhost:8080', // 后端接口地址
      changeOrigin: true, // 是否跨域
      pathRewrite: {
        '^/api': ''
      }
    }
  }
}

3.使用 JSONP

JSONP 是一种跨域访问的技术，通过在前端代码中创建一个 script 标签来请求后端接口，后端接口返回一个 JavaScript 脚本，前端代码再解析脚本中的数据。需要后端接口支持返回 JSONP 格式的数据。

以上是解决跨域问题的常用方法，具体的使用方法可以根据自己的实际情况进行选择。