WSO2:当使用多部分/表单数据时，Access Control Allow header不允许在飞行前响应中使用请求标头字段x-requested-with

我正在创建一个PostAPI服务来上传WSO2EI中的文件。使用多部分/表单数据的请求。 我出错了

CORS策略已阻止从原点y访问“x”处的XMLHttpRequest：飞行前响应中的Access Control Allow header不允许请求标头字段x-requested-with

我只是在使用vue js从前端点击服务时出错

我已经添加了选项方法

    <resource methods="OPTIONS" uri-template="/*">
        <inSequence>
            <property name="Access-Control-Request-Headers" scope="transport" type="STRING" value="authorization,content-type"/>
            <sequence key="gov:commons/AccessControlAllow.xml"/>
            <property name="RESPONSE" scope="default" type="STRING" value="true"/>
            <respond/>
        </inSequence>
        <outSequence/>
        <faultSequence/>
    </resource>

序列AccessControlAllow.xml

<?xml version="1.0" encoding="UTF-8"?>
<sequence name="AccessControlAllow" trace="disable" xmlns="http://ws.apache.org/ns/synapse">
    <property name="Access-Control-Request-Headers" value="Authorization,Content-Type, Access-Control-Allow-Origin" scope="transport" type="STRING"/>
    <property name="Access-Control-Allow-Methods" scope="transport" type="STRING" value="GET,POST,PUT,DELETE,OPTIONS"/>
    <property name="Access-Control-Allow-Headers" scope="transport" type="STRING" value="Origin, X-Requested-With, Content-Type, Accept"/>
    <property name="Access-Control-Allow-Origin" scope="transport" type="STRING" value="*"/>
</sequence>

---

在发送响应之前，我还添加了这个序列（AccessControlAllow.xml）。只有当请求使用mulltipart/form数据并从vue.js命中时，我才收到错误。有人能帮我解决这个问题吗？

这可能是因为您在API中定义了一个选项资源。如果已将选项定义为资源方法，则EI将请求发送到后端服务以收集信息

因此，请检查API定义并删除选项调用（如果存在）