Angular App Sends Just Option Request Without Post

I'm making an app in angular 7 that connects to API that I wrote in python. I want to send a text in POST request and API does some nlp stuff and returns the result. API is using R

Solution 1:

Cross origin request means that you are trying to make an API call to a server which is not your origin (this server is not rendering the front-end/client-end).

Example: If http://localhost/dummy-app delivers the front-end and you are trying to make an API call from this front-end to http://localhost:3000/dummy-api, it will result in a CORS issue.

Resolutions:

• Render the front-end from the server where the API end point exists. This is only a technical solution and may not be a good architecture or not even possible at times.
• Allow CORS in server. (Not highly recommended)
• Use a middleware server to render your front end. This server can have an API endpoint through which you can pass the request to desired API. CORS issue appears to be a blocking by the browser and appears only when an external API is called from front-end. You can call an API in the middleware server which then further calls the external API.

• Recommended : Use your web server to do the job. For example, create a new route in Nginx which proxy passes your request to the API.

  location /api{ proxy_pass http://localhost:3000 }

In this method http://localhost/dummy-app can call the API as http://localhost/api/dummy-api.