I have a Single Page Application (SPA) written in React.
The SPA is using fetch API instead of AJAX to communicate CORS endpoints.
I am trying to add below EUM codes into my SPA, it is able to report the first page load time.
However, it is not able to capture any fetch API which I made from this page.
I can see "Configure JavaScript Agent" mentions "Monitor Fetch API calls" with a tick.
But I still cannot make it works, can anyone please advise what I have missed? Thanks.
<script charset="UTF-8" type="text/javascript">
window["adrum-use-strict-domain-cookies"] = true;
window["adrum-start-time"] = new Date().getTime();
(function(config){
config.appKey = "AD-AAB-ABF-ASU";
config.adrumExtUrlHttp = "http://cdn.appdynamics.com";
config.adrumExtUrlHttps = "https://cdn.appdynamics.com";
config.beaconUrlHttp = "http://pdx-col.eum-appdynamics.com";
config.beaconUrlHttps = "https://pdx-col.eum-appdynamics.com";
config.useHTTPSAlways = true;
config.urlCapture = {"filterURLQuery":true};
config.xd = {"enable":true};
config.resTiming = {"bufSize":200,"clearResTimingOnBeaconSend":true};
config.maxUrlLength = 512;
config.spa = {"spa2":true};
})(window["adrum-config"] || (window["adrum-config"] = {}));
</script>
<script src="//cdn.appdynamics.com/adrum/adrum-latest.js"></script>
