Как исправить ошибку No 'Access-Control-Allow-Origin' header is present on the requested resource?

Question

[Klaus Kater]

здравствуйте, столкнулся с проблемой. Есть аякс запрос:

$(document).ajaxSend(function(event, xhr, settings) {
    xhr.setRequestHeader("content-type", "application/json; charset=utf-8");
    xhr.setRequestHeader("access-control-allow-origin", "*");
    xhr.setRequestHeader("Authorization", "Token 2f1dbef3943cab1ba0e7ccf5d4c0c20b1f85d89a");
});

$.ajax({
    url:"http://localhost:8000/my_vehicle/",
    type:'POST',
    dataType:"json",
    data: {"data":"test"},
    success:function (data) {
        console.log( data );
    },
    error:function (data) {
        console.log( data );
    }
});

Во первых, почему то вместо POST запрос идет как OPTIONS.
Во вторых, из указанных хедеров, в запросе есть только content-type,
И все это выдает ошибку:

XMLHttpRequest cannot load http://localhost:8000/my_vehicle/. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore not allowed access.

Answer 1

[Дмитрий Кравченко]

В ответе сервера добавить заголовок
Access-Control-Allow-Origin: *

Comments

[Klaus Kater]

corsheaders в случае с Django, Спасибо )