angular设置反向代理

本地调试,需要用到服务器的api,发现chrome安全问题,需要解决跨域问题。现给出解决方案:

1、增加proxy.conf.json文件

 

位置与package.json文件同级(可指定)

2、package.json文件scripts启动项start增加一行:

--proxy-config proxy.conf.json

3、启动,使用npm start 或者ng serve --proxy-config proxy.config.json –open

4、代码中,访问API,如图:

 

5、访问效果

 

 



 

posted @ 2018-12-29 16:50  Pearl_Ran  阅读(938)  评论(0编辑  收藏  举报