发表于： 2020-02-26 22:21:44
0 924
今天完成的事
1，使用独立模块提供httpclient服务；
2，解决angular应用访问数据时跨域的问题；
明天的计划
1，将取到的后台数据展示出来；
2，搞懂httpclient中http标头如何修改，添加请求头；
遇到的问题
使用angular的get方法请求后台数据时，虽然可以请求到数据，但是受到同源策略的限制，得到的数据不能正常展示出；随后寻找解决跨域请求数据的解决办法：
1，在被请求资源中添加响应头信息"Access-Control-Allow-Origin：* “；（尝试无果后放弃）
2，使用过滤器管理web请求服务；（查找过滤器相关信息，并没有找到其更多的参考，放弃）
https://blog.csdn.net/xcbeyond/article/details/84453832
3，配置反向代理，解决跨域；（可行，以下链接文章参考详细，原理讲解清晰）
收获
1，许多配置反向代理的文章大多不完整，甚至多有错误。在此，总结一个对angular配置反向代理的步骤简要：
（1）在项目中新建proxy.conf.json文件：
其中，
拦截名可随意书写，因为重写规则（rewrite）可以消除该拦截名，target 即为请求数据的目的地址
（2）修改package.json中start为图中命令：
（3）使用http服务模块进行测试，使用经过postman测试过的后台接口获取数据；
（4）查看控制台，确定跨域请求数据成功；
返回列表
评论