关于Angular2 + node接口调试的解决方案
事情的起因
由于最近在使用Angular + node开发，采取的办法一直都是约定好接口，然后node实现，再编写前端。但是这样有一个很麻烦的问题：编写前端的时候无法调用接口，不能很好地测试，只能一口气写完再编译后放到后端来测试。
经常会因为解决一些小的问题而反复的编译、调试，浪费很多不必要的时间。
解决方案
偶然发现webpack-dev-server可以实现代理请求（把指定的url规则转发到其他地址），所以就试了一下。由于项目使用了Angular-cli构建，并没有webpack配置文件，悲伤。于是又去google上搜索了一圈Angular-cli，找到了Angular-cli实现代理的解决方案。
在项目目录下创建文件proxy.conf.json：
{
"/api": {
"target": "http://localhost:3000",
"secure": false
}
}
1、/api为代理规则，因为我接口都是以api开头的，大家可以根据自己的实际情况设置
2、target为目标服务地址，比如一个get请求的地址为http://localhost:4200/api/cards/all会被代理为
http://localhost:3000/api/cards/all
secure为是否开启ssl验证，在这里设置为false
接下来只需要启动node服务，再使用ng serve --proxy-config proxy.conf.json来启动自己的Angular项目就可以完美实现代理了，简直不要太好用，以前的方法简直是蠢爆了！
总结
以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作能带来一定的帮助，如果有疑问大家可以留言交流，谢谢大家脚本之家的支持。
相关文章
这篇文章主要介绍了AngularJS表单校验用法,结合实例形式分析了AngularJS各种常见的表单校验功能及使用技巧,需要的朋友可以参考下2016-11-11
@angular前端项目代码优化之构建Api Tree的方法
这篇文章主要介绍了@angular前端项目代码优化之构建Api Tree的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-12-12
详解Angular 4.x NgTemplateOutlet
这篇文章主要介绍了详解Angular 4.x NgTemplateOutlet,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-05-05
Angularjs通过指令监听ng-repeat渲染完成后执行脚本的方法
指令是angular的核心功能之一，用好了事半功倍，监听ng-repeat执行状态仅仅是它功能的冰山一角吧。下面这篇文章主要介绍了Angularjs通过指令监听ng-repeat渲染完成后执行脚本的方法,需要的朋友可以参考下。2016-12-12
我们将通过示例介绍一种在 Angular 应用程序中获取当前日期的简单方法，我们还将解决如何更改 Angular 中的日期格式，对在Angular中获取当前日期感兴趣的朋友跟随小编一起看看吧2023-05-05
Angular Universal服务器端渲染避免 window is not&
这篇文章主要介绍了Angular Universal服务器端渲染避免 window is not defined错误消息，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-07-07
下面小编就为大家带来一篇浅谈angularJS中的事件。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-07-07
本篇文章主要介绍了详解angular笔记路由之angular-router，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-09-09
这篇文章主要介绍了Angular7.2.7路由使用初体验，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2019-03-03
本篇文章主要介绍了AngularJS 霸道的过滤器小结，在实际操作中，我们需要对统一数据源进行多次转换，本文详细讨论有关过滤器的用法 。2017-04-04
最新评论