REST API in ZC Widget

Hi All,

How can i run REST API in Widget.

I have tried executing but an error is occurring.

I have attached screenshot of error too.

Here's the code:

<html>
<meta http-equiv="Content-Security-Policy" content="default-src * self blob: data: gap:; style-src * self 'unsafe-inline' blob: data: gap:; script-src * 'self' 'unsafe-eval' 'unsafe-inline' blob: data: gap:; object-src * 'self' blob: data: gap:; img-src * self 'unsafe-inline' blob: data: gap:; connect-src self * 'unsafe-inline' blob: data: gap:; frame-src * self blob: data: gap:;">
<script src="js/jScript.js"></script>
<script src="js/widgetsdk.js"></script>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/axios/1.2.1/axios.min.js"></script>
<script src="https://js.zohostatic.com/creator/widgets/version/1.0/widgetsdk-min.js"></script>
<script src="https://static.zohocdn.com/zohocrm/v2.0/sdk/4.0.0/sdk.js"></script>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
crossorigin="anonymous">
</script>
<script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script>
<script nomodule src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">
<link rel='stylesheet' href='https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'><link rel="stylesheet" href="./style.css">

<script type='text/javascript'>
var userEmail ;
function loggedInUser(){
refreshToken = "1000.5c6de3ee*********";
clientID = "1000.FR9********";
clientSecret = "89fe0a85c0*******";
urlAccess = "https://accounts.zoho.in/oauth/v2/token?refresh_token=" + refreshToken + "&client_id=" + clientID + "&client_secret=" + clientSecret + "&grant_type=refresh_token";
axios.post(urlAccess)
.then(function (response) {
console.log(response);
})
.catch(function (error) {
console.log(error.data);
});
}

function fetchInvoices(){
ZOHO.CREATOR.init()
.then(function(data) {
//Code goes here
var initparams = ZOHO.CREATOR.UTIL.getInitParams();
let empCode;
config = {
appName : "sns",
reportName : "All_Users",
criteria: "(Email == \""+initparams['loginUser']+"\")",
}
ZOHO.CREATOR.API.getAllRecords(config).then(function(response){
var recordEmp = response.data;
empCode = recordEmp[0]['Emp_Code']
var role = recordEmp[0]['Role']
var hq = recordEmp[0]['HQ_Name']
if(role === "Regional Sales Manager"){
filterHQ = "RSM_HQ"
}
configHQ = {
appName:"sns",
reportName:"HQ_Channel_Tree_Report",
criteria:"("+filterHQ+"==\""+hq+"\")",
}
ZOHO.CREATOR.API.getAllRecords(configHQ).then(function(responseHQ){
var recordHQ = responseHQ.data;

for(var index in recordHQ){
console.log(recordHQ[index]);
}
});
});
console.log(empCode);
});

}

function multipleFunction(){
loggedInUser();
fetchInvoices();
}

</script>

<head>
<meta charset="UTF-8">
</head>

<body onload=multipleFunction()>

</body>

</html>