javascript - 如何将 API 与应用程序 Fiori (SAPUI5) 结合使用

Question

我正在尝试使用这个Mercedes Benz API在我的应用程序中。在 Controller 内部我有一个 ajax 请求:

    onInit : function () {
        var oModel = new JSONModel();
        var url = 'https://api.mercedes-benz.com/image/v1/vehicles/WDDZH3HB8JA394212/components?apikey=my_apikey';

        $.ajax({
            beforeSend: function() {
                //armamos la url y la asignamos a una var       
            },
            url: url,
            type: 'GET',
            accepts: "application/json",
            success: function (resp) {
                console.log(resp)
            },
            error: function (jqXHR, estado, error) {
                console.log(error +":" + " " + estado)
            },
            timeout: 10000
        });
    },

我只想得到OK的响应，但出现一些错误:

Request header field X-XHR-Logon is not allowed by Access-Control-Allow-Headers in preflight response.

回应

如果您查看 API 文档，我只需要 API key 。也许我做错了什么？如果您在 FIORI 应用程序中使用过 API，请指导我，我将不胜感激

注意:我的 fiori 服务器是本地的，因此我们不使用 SCP

Answer 1

如果你真的想做 XHR，你需要像这样在 neo-app.json 中将 APIKEY 列入白名单

{
    "welcomeFile": "/webapp/index.html",
    "routes": [{
        ...
    ],
    "sendWelcomeFileRedirect": true,
    "headerWhiteList": [
        "APIKey"
    ]
}

否则我强烈建议使用目的地，解释如下:

• SAPUI5 / AJAX, submitting Basic Authentication Details (已解决)
• Authentication API in SAPUI5 without SAP Cloud Platform and Destinations (未解决)