实现

  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"
        }
      }

Logo

技术共进,成长同行——讯飞AI开发者社区

更多推荐