Supply Custom Headers for JSON Database
Our sample projects and report templates can help you learn the basics of working with our products.When a JSON data source is served by a protected backend, you can attach custom HTTP headers to each data request.
Preparing the data. Read or create the data source, register it in the report dictionary, synchronize the schema, and render with the supplied records.
Preparing the data. Read or create the data source, register it in the report dictionary, synchronize the schema, and render with the supplied records.
<script setup lang="ts">
import { Viewer, Stimulsoft } from 'stimulsoft-reports-js-vuejs/viewer'
var report = new Stimulsoft.Report.StiReport();
report.loadFile("Reports/MasterDetail.mrt");
report.onBeginProcessData = function (args) {
if (args.database === "JSON" && args.command === "GetData") {
// Add custom header to pass through backend server protection
args.headers.push({ key: "X-Auth-Token", value: "*YOUR TOKEN*" });
}
};
var viewerOptions = new Stimulsoft.Viewer.StiViewerOptions();
viewerOptions.appearance.fullScreenMode = true;
</script>
<template>
<Viewer :report="report" :options="viewerOptions" />
</template>onBeginProcessData event fires before every data request; pushing an entry onto args.headers (here an X-Auth-Token) lets the call pass through server-side protection.