angular-cli设置proxy

本文详细介绍在Angular项目中如何设置接口代理,解决前后端分离开发模式下的跨域问题。通过在项目根目录创建proxy.config.json文件并配置package.json,利用http-proxy-middleware插件实现本地开发环境的API代理。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

前后端分离的开发模式已经是很普及的开发模式。术业有专攻,让专业的人做专业的事情才是最好的安排及资源分配。当然,前端开发中最常见的是如何处理与后端接口API联调的过程中忽略跨域的问题。

随着node.js的流行及社区热度的持续高涨,前端的开发体验可谓也是天翻地覆,沧海桑田。工程化一词以前与前端沾不上别的也进入了前端人的技术范畴之内。前期的grunt、gulp及如今webpack、Rollup等相关的工程化工具也是前端开发人员所必要熟悉的知识点。
今天,我就具体来说下在angular的开发过程中,如何设置接口的proxy?具体的过程不多说,代码贴上。
1、先在root目录下增加proxy.config.json文件,文件内容如下:proxy.config.json配置
2、再在package.json配置
package.json配置
具体的原理其实都跟@vue-cli3下的配置差不多,主要是http-proxy-middleware的插件设置,如果想深入了解,可以参看http-proxy-middleware

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值