angular-cli设置proxy

前后端分离的开发模式已经是很普及的开发模式。术业有专攻,让专业的人做专业的事情才是最好的安排及资源分配。当然,前端开发中最常见的是如何处理与后端接口API联调的过程中忽略跨域的问题。

随着node.js的流行及社区热度的持续高涨,前端的开发体验可谓也是天翻地覆,沧海桑田。工程化一词以前与前端沾不上别的也进入了前端人的技术范畴之内。前期的grunt、gulp及如今webpack、Rollup等相关的工程化工具也是前端开发人员所必要熟悉的知识点。
今天,我就具体来说下在angular的开发过程中,如何设置接口的proxy?具体的过程不多说,代码贴上。
1、先在root目录下增加proxy.config.json文件,文件内容如下:angular-cli设置proxy_第1张图片
2、再在package.json配置
angular-cli设置proxy_第2张图片
具体的原理其实都跟@vue-cli3下的配置差不多,主要是http-proxy-middleware的插件设置,如果想深入了解,可以参看http-proxy-middleware

你可能感兴趣的:(angular)