Cross-Origin Request Blocked when sending post

Question

I am writing application in Angular 5.

When I try to send request:

this.httpClient.post("https://api.textlocal.in/send/", new Message(this.apiKey, "xxxxxxxxx", "TEST", "SOIS_App")

I get:

Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://api.textlocal.in/send/. (Reason: missing token ‘access-control-allow-headers’ in CORS header ‘Access-Control-Allow-Headers’ from CORS preflight channel).

How can I get CORB when I am sending request form my computer to https://api.textlocal.in ??

As i mentioned: This is not my server. I am using someones API — PiotrKowalski, Apr 17 '18 at 17:30
As I mentioned: CORS headers are added on your server. Whoever controls it needs to allow your host. This is basic web security. — bryan60, Apr 17 '18 at 17:37
Is it possible that https://www.textlocal.com api does not support that? — PiotrKowalski, Apr 17 '18 at 17:46
Alternatively, you can submit your request from the server (your server) side. — Farasi78, Apr 17 '18 at 17:47
You need to contact textlocal.com, you cant just use random API's in your applications. — bryan60, Apr 17 '18 at 17:53
Possible duplicate of [How to enable CORS in AngularJs](https://stackoverflow.com/questions/23823010/how-to-enable-cors-in-angularjs) — PsyGik, Mar 17 '19 at 18:00

score 0 · Answer 1 · answered Apr 18 '18 at 00:24

How can I get CORB when I am sending request form my computer to https://api.textlocal.in

Enable CORS on your your server for address localhost (or wherever you are running the app from).

Detailed guide

https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS

Quick guide

Enable an OPTIONS endpoint
Enable headers on your post:

Access-Control-Allow-Origin: http://foo.example Access-Control-Allow-Methods: POST Access-Control-Allow-Headers: Content-Type

Cross-Origin Request Blocked when sending post

1 Answers1

Detailed guide

Quick guide