Re: Using AngularJS to connect to Splunk's REST AP...

abhijeetgaur · ‎04-20-2015

Hi Team,

I am using AngularJS to connect to Splunk's REST API, but I am getting

"XMLHttpRequest cannot load https://localhost:8089/services/auth/login. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:8080' is therefore not allowed access."

in Chrome's console.

<%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
        <title>Insert title here</title>
        <script src="angular.js"></script>

    </head>


    <body>

    <div ng-app="myApp" ng-controller="myController">

    <p>{{  sessionKey  }}</p>
    </div>

    </body>


    <script>
    var app = angular.module('myApp', []);
    var req = {
                method: 'POST',
                url: 'https://localhost:8089/services/auth/login',
                headers : {
                    'Content-Type':'application/x-www-form-urlencoded',
                'Accept':'*/*',

                },
                data : {
                    username : '******',
                    password : '*****',
                    output_mode : 'json'
                }
        };

    app.controller('myController', function($scope, $http) {
        $http(req).success(function(response){

                        $scope.sessionKey =response.sessionKey;
                            });
    });

    </script>

</html>

Please guide me as I am unable to resolve this. Already read about CORS and added [httpServer] crossOriginSharingPolicy = http://localhost:8080 to server.conf. Also please suggest if something more has to be done.

I am deploying the application on Tomcat and Splunkd is running on default port 8089 (OS:Win7).

I tried it from Java console application and it works like butter.. Kindly help me out with the error.

Thanks and Regards.

kartik13 · ‎12-04-2016

There are two probable solutions to this problem. First of all this is CORS problem, means the browser will stop the request to send the request to Splunk server as the splunk is not authorized to response to different domains.
Solution:

You have to add the Allow-Control headers in splunk, check out server.conf and web.conf. for documentation.
If you want to bypass the splunk config , and don't want to touch the web.conf files , then make a local request to application server and from there you can make a request to Splunk server. You will by pass the browser restrictions.Also you have to keep in mind that your management port is running on valid certificate ,otherwise at the application server side of your application you have to allow the unsecure connections(I got the same problem when i was connecting from node).

doberoi96 · ‎12-04-2016

If this issue hasn't been solved:

It means you're creating a request to a domain which is not your angular app's host domain. This is called a cross-domain-request which you need to fix server side, not in your angular app.

The header of your response needs to contain the following:

Access-Control-Allow-Headers: Content-Type
Access-Control-Allow-Methods: GET, POST, PUT
Access-Control-Allow-Origin: *

You might want to replace * with perhaps the domain of your choice since it may pose security issues in production.

kartik13 · ‎09-22-2015

Any leads on this .

Using AngularJS to connect to Splunk's REST API, how do I resolve this error while getting the session key?

Join the Splunk Community Slack to learn, troubleshoot, and make connections with fellow Splunk practitioners in real time!

Join Splunk User Groups to connect and learn in-person by region or remotely by topic or industry.

Index This | What travels the world but is also stuck in place?

Discover New Use Cases: Unlock Greater Value from Your Existing Splunk Data

Continue Your Journey: Join Session 2 of the Data Management and Federation Bootcamp ...

Join the Conversation