关于angular:Angular7-http代理proxy配置

前后端拆散开发时,须要进行http申请后端,这时刚会遇上跨域问题。
解决办法之一就是应用proxy代理
ng proxy是基于webpack proxy, 更详尽阐明:https://webpack.js.org/config…

1. proxy.conf.json

在我的项目根目下增加文件:proxy.conf.json

示例:

{
    "/api": {
        "target": "http://localhost:8089/",
        "secure": false,
        "pathRewrite": {
            "^/api": ""
        },
        "changeOrigin": true,
        "loglevel": "debug"
    }
}

示例阐明:
对所有/api/*的申请,转发到http://localhost:8089/

  • target,个别是后端服务地址
  • pathRewrite,重写url门路。成果就是前端对立申请后端时应用/api/,而理论代理时则无此关键字。
  • changeOrigin,如果你的后端服务不是localhost,则需把此项设为true
  • loglevel,日志级别。包含 debug, info, warn, error, and silent (默认 info)

2. 启动代理

ng cli 启动我的项目时会查看是否存在代理文件proxy.conf.json,所以可不需配置启动我的项目

$ ng serve

如果你新增了其余代理文件,也能够指定文件进行启动

$ ng serve --proxy-config proxy.conf.json

这就实现了代理后端的配置了,应用代理也解决了跨域拜访的问题。

阿里云限时活动-1核2G-5M带宽-40G SSD服务器,特惠价96元/年(原价1644元/年),速抢

本文由乐趣区整理发布,转载请注明出处,谢谢。

You may also like...

发表评论

邮箱地址不会被公开。 必填项已用*标注

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据