CORS error with Jira REST API on Cloud
I'm attempting to write a script that will run from my local webserver and get a list of projects on my Jira cloud site. I'm the admin of the Jira site.
I'm trying to call the REST api via a javascript ajax call and getting a CORS error. I've searched here, but all of the solutions seem to be strictly for Jira Server, not cloud, as I have no access to the server itself.
Can anyone help me out?
Here's what my code looks like:
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
</head>
<body>
<h1>Add Versions to Projects</h1>
<button id="getProjects">Get Projects</button>
<script>
$(document).ready(function() {
$('#getProjects').on('click', function () {
$.ajax({
type : 'GET',
url : "https://mysite.atlassian.net/rest/api/3/project/search",
// dataType : 'json',
data: {
contentType: "application/json"
},
beforeSend: function (xhr) {
xhr.setRequestHeader ("Authorization", "Basic <my username:api key");
xhr.setRequestHeader ("X-Atlassian-Token", "no-check");
//xhr.setRequestHeader ("Access-Control-Allow-Origin", "*");
xhr.setRequestHeader ("Accept", "*/*");
xhr.setRequestHeader ("Cache-Control", "no-cache");
},
success: function (data) {
console.log("data");
console.log(data);
}
});
// return false;
});
});
</script>
</body>
Here's the error I get:
"Access to XMLHttpRequest at 'https://mysite.atlassian.net/rest/api/3/project/search?contentType=application%2Fjson' from origin 'https://local.jiradev.com' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource."
Note that if I run the exact same URL with the same Basic authentication header from WebStorm's REST Client, I get my expected data in the response. (See screenshot.)
4 answers
1 accepted
You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.