How to fix "status":403,"error":"Forbidden","message":"Access Denied"? when I call API using Ajax

Question

When I call API to POST Request I get error 403 and "has been blocked by CORS Policy.

This is my Ajax Code:

$.ajax({
    type: "POST",
    enctype: 'multipart/form-data',
    url: $('meta[name="server-config"]').attr('content') + "/file/upload/?user_id=" + response.user_id,
    data: data,
    headers: {
        'Authorization': `Bearer ${$('meta[name=auth-key]').attr('content')}`
    },
    processData: false,
    contentType: false,
    cache: false,
    timeout: 3000,
    success: function (data) {
        console.log(data)
        // location.reload();
    },
    error: function (e) {
        console.log("ERROR : ", e);
    }
});

https://stackoverflow.com/questions/10636611/how-does-access-control-allow-origin-header-work — Brn.Rajoriya, May 09 '19 at 11:46

score 0 · Answer 1 · answered May 09 '19 at 12:09

0

In your post method file add the following header and try

header('Access-Control-Allow-Origin: *');

answered May 09 '19 at 12:09

gauri

121
1
3
14

I tried this but still same error. ` headers: { 'Access-Control-Allow-Origin': '*', 'Authorization': `Bearer ${$('meta[name=auth-key]').attr('content')}` }` – Sam N Den May 10 '19 at 03:34
Where did you exactly added it? – gauri May 10 '19 at 04:51
Yes, do not add it there. Try adding it in the file (at the top) where you redirect the mentioned URL. – gauri May 10 '19 at 05:42
I put the headers at the top of the file but still same result. please see picture https://imgur.com/a/isyPh1w – Sam N Den May 10 '19 at 06:12
Add this in your php file (i guess it is user_management) at the top ` – gauri May 10 '19 at 06:15
i dont know what happen but still same result – Sam N Den May 11 '19 at 03:25

How to fix "status":403,"error":"Forbidden","message":"Access Denied"? when I call API using Ajax

1 Answers1