When a dashboard reads data from a protected JSON endpoint, authentication headers can be attached in the onBeginProcessData event.

In Vue.
<script setup lang="ts">
import { Viewer, Stimulsoft } from 'stimulsoft-dashboards-js-vuejs/viewer'

var report = new Stimulsoft.Report.StiReport();
report.loadFile("Dashboards/OrdersUrl.mrt");

report.onBeginProcessData = function (args) {
    if (args.database === "JSON" && args.command === "GetData") {
        args.headers.push({ key: "X-Auth-Token", value: "*YOUR TOKEN*" });
    }
};

var options = new Stimulsoft.Viewer.StiViewerOptions();
options.appearance.fullScreenMode = true;
</script>

<template>
    <Viewer :report="report" :options="options" />
</template>

How it works. The engine sends the headers with its JSON fetch, so the dashboard can read endpoints behind token protection.
На скриншоте ниже Вы можете увидеть результат выполнения данного кода:

Supply Custom Headers for JSON Database

Используя этот сайт, вы соглашаетесь на использование файлов Cookie для аналитики и персонализированного контента. Файлы Cookie хранят полезную информацию на вашем компьютере, чтобы помочь нам повысить эффективность и удобство использования. Для получения дополнительной информации, пожалуйста, прочтите Конфиденциальность и Использование Cookie.