Customise ng serve to proxy calls to /api?

by

You can indeed setup a proxy to backend with the angular cli, with the --proxy-config flag.

Here is more or less a copy-paste from the documentation:

Say we have a server running on http://localhost:3000/api and we want
all calls to http://localhost:4200/api to go to that server.

We create a file next to projects package.json called proxy.conf.json
with the content

{
    "/api":
    {
        "target": "http://localhost:3000",
        "secure": false
    } 
}

[…]

and then we edit the package.json file’s start script to be

"start": "ng serve --proxy-config proxy.conf.json"

and run it with npm start

Leave a Comment