从Web页面调用API失败，尽管在测试页面中调用成功

Question

我已经创建了一个从swagger.json文件填充的API，并验证了该API是否可以在Test UI中使用。测试UI请求成功显示下面传递的标头。

POST https://apiforqubo.azure-api.net/api/Qubo HTTP/1.1
Host: apiforqubo.azure-api.net
Content-Type: application/json
Ocp-Apim-Subscription-Key: ••••••••••••••••••••••••••••••••
Ocp-Apim-Trace: true

我添加了一个CORS策略，允许所有操作的来源https://azure-api.net。该政策是：

<policies>
    <inbound>
        <base />
        <cors allow-credentials="true">
            <allowed-origins>
                <origin>https://azure-api.net/</origin>
            </allowed-origins>
            <allowed-methods>
                <method>POST</method>
            </allowed-methods>
        </cors>
    </inbound>
    <backend>
        <base />
    </backend>
    <outbound>
        <base />
    </outbound>
    <on-error>
        <base />
    </on-error>
</policies>

[当我尝试从为[API] C0生成的Web页面执行API时，请求失败，并显示错误：

https://apiforqubo.developer.azure-api.net/api-detail

我想念什么？

关于，拉杰什

Answer 1

您已将其配置为仅允许来自

Unable to complete the request

Since the browser initiates the request, it requires Cross-Origin Resource Sharing (CORS) enabled on the server.

的CORS请求，而不允许来自https://azure-api.net的CORS请求。使用完整的URL或通配符：

https://apiforqubo.developer.azure-api.net