是否可以在angular-cli中更改“ ng serve”配置（我想添加一些规则，因此一些请求将被重定向到另一个端口）？

Question

I am creating small Angular 2 + TypeScript example. Here is the code.

I need some really simple backend stub now. What I want to do. I want to create expressjs server on localhost:3000 for example. And I want to modify ng serve config, so if I ask localhost:4200/api/x/y/z this request will be redirected to localhost:3000/x/y/z .

What I want to achieve? This will allow me to make http request to /api/x/y/z in my Angular application. Web server will make redirect to express backend. Express will handle and generate some json etc.

Why I don't want to just make request to localhost:3000/x/y/z ? As I remember there will be some problems because of CORS.

May be there is another way to achieve what I want? Any thoughts?

Answer 1

--proxy-config options is the answer

1. Add cli-profy.conf.json with this contents:

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

2. Change start script to this: ng serve --open --proxy-config cli-proxy.conf.json

3. Run npm start .

Now all requests to localhost:4200/api/ will be passed to localhost:3000/api .