el-upload action跨域问题

el-upload 是 Element UI 中的文件上传组件，它默认使用 XMLHttpRequest 发送文件上传请求。当 action 属性指定的接口与当前页面所在域名不同的时候，就会遇到跨域问题。

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

1. 代理：在你的后端服务器上设置一个代理，将文件上传请求转发到目标接口。这样就可以绕过跨域限制。你可以使用 Nginx、Apache 或其他的代理服务器来实现。

2. 跨域资源共享（CORS）：如果服务器支持 CORS，你可以在服务器端设置相关的响应头，允许客户端跨域上传文件。

3. JSONP：如果目标接口支持 JSONP，你可以将 el-upload 的 action 属性设置为目标接口的 URL，并且将 el-upload 的 request-method 属性设置为 'jsonp'。

4. 修改 el-upload 组件源码：如果以上方法都不可行，你可以尝试修改 el-upload 组件的源码，将上传请求方式改为 form 表单提交而不是 XMLHttpRequest。这样就可以绕过跨域限制。

请注意，根据你的具体需求和实际情况选择最合适的解决方案。

相关问题

el-upload跨域

对于使用 el-upload 组件进行跨域上传，可以通过配置 headers 的方式来解决。可以在上传组件的 props 中使用 `headers` 属性，将跨域所需的 header 信息添加到请求中。

例如，如果需要在上传文件时添加一个自定义的 token，可以像这样配置 headers：

<el-upload
  action="https://example.com/upload"
  :headers="{ 'Authorization': 'Bearer ' + token }"
></el-upload>

在上述示例中，`token` 是一个变量，你可以根据实际情况设置它的值。在发送上传请求时，将会添加一个名为 "Authorization" 的 header，并将其值设置为 "Bearer " + token。

请注意，你需要根据服务器的要求来配置 headers。如果你需要添加其他的 header 信息，请按照相应的格式添加到 headers 对象中即可。

el-upload action相对问题

el-upload组件的action属性用于指定文件上传的目标地址。相对路径是相对于当前页面的路径进行解析的。这意味着如果你设置了一个相对路径作为action，浏览器会将其解析为相对于当前页面的路径。例如，如果你的当前页面URL是`https://www.example.com/upload-page`，而你设置的action是`upload.php`，那么浏览器会将其解析为`https://www.example.com/upload.php`。

请注意，相对路径可能会导致在不同页面之间的上传目标发生变化。如果你希望始终上传到相同的目标，建议使用绝对路径或者完整的URL作为action。这样可以确保在不同页面之间保持一致性。

另外，如果你希望在el-upload组件中使用相对路径，确保你的文件上传目标与当前页面处于同一域名下，以避免出现跨域问题。