0

I am running both the backend and angular application on the local host, different ports. Backend is running on 8080 and front-end on 4200. There comes the obvious issue CORS and I configured it accordingly.

proxy.conf.json outside the src

{
  "/api": {
      "target": "http://192.166.27.160:8080/api/",
      "secure": false,
      "changeOrigin": true,
      "logLevel": "debug"
  }
}

environment.development.ts

export const environment = {
  production: false,
  url: 'http://localhost:4200/api/'
};

angular.json under serve

"options": {
  "proxyConfig": "proxy.conf.json"
}

http call

 getAuthToken(): Observable<any> {
    return this.httpClient.get<any>(environment.url + 'token/');
  }

After all this configuration, I made a http request and in the network section, I see that the http call is being made to port4200 instead of 8080, http://localhost:4200/api/token/. Is this normal? I tried to debug and didn't help. Where could I be doing wrong?

Improve this question
Related questions
3365
Why does my JavaScript code receive a "No 'Access-Control-Allow-Origin' header is present on the requested resource" error, while Postman does not?
1043
Getting Git to work with a proxy server - fails with "Request timed out"
0
Angular proxy, Apple Mac, Chrome debugger fails
Load 5 more related questions Show fewer related questions

0

Reset to default

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.