Angular 2+Node接口调试解决方案

前端调接口最头大的,是用Angular2配合Node搞开发的时候。你是不是也碰到过那种——前端写得飞起,结果没法直接调接口,每次都得等后端那边部署好才能测试,真是烦得。

Angular-cli启动项目本来是图个省事,但想加个代理都找不到地方下手。还好后来发现webpack-dev-server的代理功能挺好用,不过要搭配上 Angular CLI 的特殊配置方式。

其实只要在项目根目录下加个proxy.conf.json,在angular.json或者ng serve命令里指定一下代理文件,前端就能直接访问本地的 Node 服务了,不用每次编译、部署那么麻烦。

想看点例子或者教程,我这边也搜了几篇,像《基于 Webpack2 构建 Angular2 项目的实践指南》《ng2-start 入门》这种,讲得还蛮细的,挺适合上手的时候参考。

如果你正在搞前后端联调,又不想每次都部署测试,强烈建议你试下这个代理方式,省心多了。

pdf 文件大小:44.47KB