How to fix this issue Access-Control-Allow-Origin in angular axios request?

Asked Jul 06 '21 at 16:35

Active Jul 06 '21 at 16:35

Viewed 17 times

axios.get(this.apiURL, {
        headers: {
            'Access-Control-Allow-Origin': '*',
            'Content-Type': 'application/json'
          }
        })
        .then((res) => {
          console.log("Sucess");
        })
        .catch((error) => {
          console.error(error);
        });

I get these issues, If you are experiencing this, Please help me. Issues are followings

Access to XMLHttpRequest at 'https://price-broadcaster-backend.dev.gke.papers.tech/api/observations/' from origin 'http://localhost:4200' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.

asked Jul 06 '21 at 16:35

SingSong

This should be handle from `Backend API` – Sudarshana Dayananda Jul 06 '21 at 16:40
I think so, but this api is working using postman – SingSong Jul 06 '21 at 16:44
Yes It is working on Postman. But CORS should be handled from BE. and Nothing to do from FE side with Angular. – Sudarshana Dayananda Jul 06 '21 at 16:46
Postman handles requests differently: https://stackoverflow.com/questions/36250615/cors-with-postman You need to set up the headers in your backend. This question has really nothing to do with angular or axios. It's all about the backend. – AT82 Jul 06 '21 at 16:47

How to fix this issue Access-Control-Allow-Origin in angular axios request?

0 Answers0