angular项目前端配置proxy代理，解决跨域问题

实现

1. 项目根目录创建一个proxy.conf.json文件
2. proxy.conf.json文件中配置代理规则

   1. {
        "/api/*": {
          "target": "http://example.com",
          "secure": false,
          "logLevel": "debug"
        }
      }

   2.  规则解释：
      1. 将api开头的所有请求转发到http://example.com地址
      2. secure字段设置为false表示目标Url使用http协议
      3. logLevel字段设置为debug，表示在控制台输出代理相关调试信息
3. angular.json文件中
   1. 找到"architect"下的'serve'配置项，在里面添加proxyConfig属性，属性值为proxy.conf.json文件路径

      {
        "projects": {
          "your-project-name": {
            "architect": {
              "serve": {
                "options": {
                  "proxyConfig": "proxy.conf.json"
                }
              }
            }
          }
        }
      }

4.  配置启动命令

   1. {
        "scripts": {
          "start": "ng serve --proxy-config proxy.conf.json"
        }
      }