How to configure Angular 'ng serve' API proxy
In order to proxy /api
to http://localhost:62232
for example, first create proxy.conf.json
in the same directory where package.json
is located:
{
"/api":
{
"target": "http://localhost:62232",
"secure": false
}
}
Now we need to modify package.json
. Locate the line where ng serve
is called, such as:
"start": "ng serve",
and add --proxy-config proxy.conf.json
to the arguments of ng serve
:
"start": "ng serve --proxy-config proxy.conf.json",
Full example for the scripts
section of package.json
:
"scripts": {
"ng": "ng",
"start": "ng serve --proxy-config proxy.conf.json",
"build": "ng build --configuration=production",
"watch": "ng build --watch --configuration development",
"test": "ng test"
},