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、访问效果




原文地址:https://www.cnblogs.com/PearlRan/p/10196887.html