Ajax post block CORS - ajax

Question

i will try to a bulk data send to another domain via api that will created at controller in laravel project
my function
public function test_prod_insert()
{
$usrl= url('/public/wheel_images/rohana_imgs');
$users = DB::table('products')->select('id','title','sku','image1')->skip(0)->take(2)->get();
echo"<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js'></script>
<script type='text/javascript' src='https://trk.mtrl.me/tracking.js?token=**********'></script>";
foreach($users as $data){
echo"<script>
var model = {
'time': 1518004715732,
'token': '***************',
'platform': 'laravel',
'pluginVersion': '1.1.0',
'params': {
'categories': [
'2'
],
'id': '<?= $data->id ?>',
'sku': '<?= $data->sku ?>',
'imageUrl': '<?= $usrl ?>/<?= $data->image1 ?>',
'name': '<?= $data->title ?>',
'price': '',
'url': '',
'options': [
]
}
};
$.ajax({
type: 'POST',
data: JSON.stringify(model),
url: 'https://trk.mtrl.me/product',
contentType: 'application/json'
}).done(function(res) {
console.log('res', res);
// Do something with the result :)
});
</script>";
}
}
in console show " mysite has been blocked by CORS policy: Request header field content-type is not allowed by Access-Control-Allow-Headers in preflight response " i try some similar answer but the issue is not solved please help me to solve this issue...

Answer 1

There is nothing that you can do much in CORS: But it's all realted to the host site that you are calling, Basically it's a browser feature so it will prevent the request to host site if in the headers it doesn't see
"Access-Control-Allow-Origin: *"
So in your host site which you are calling, just make sure that it accept connections from your domain and then you can call the API.
EDIT
Writing this again don't make sense, But this is how you can implement it
Add CORS as Middleware in Laravel