javascript turned off and http status 401 unauthorized error

Hello Team,

we have a oData service which is created by java application(JPA, olingo API). created destination in hana cloud portal,

we want to use this destination in our ui5 applications.

   a.  Its working in ui5 applications

   b.  Next we have added security code in web.xml(login-config, security-constraint and security role).

        Assigned role to the user in HCP account.

        after adding this code we are unable to access the odata service, its giving the below error while calling the ajax.

       observations from console:

     c. if we run the url directly in the browser, this is the error:

we are unable resolve this issue. please help me.

Thanks,

Preethi