angular-cli 服务器 - 如何将 API 请求代理到另一台服务器？

Question

使用 angular-cli ng serve 本地开发服务器，它为我的项目目录中的所有静态文件提供服务。

如何将我的 AJAX 调用代理到不同的服务器？

Answer 1

2022 年更新

现在官方推荐的方法是the one documented here

2017 年更新

现在可以使用更好的文档，您可以同时使用两者基于 JSON 和 JavaScript 的配置:angular-cli documentation proxy

示例 https 代理配置

{
  "/angular": {
     "target":  {
       "host": "github.com",
       "protocol": "https:",
       "port": 443
     },
     "secure": false,
     "changeOrigin": true,
     "logLevel": "info"
  }
}

---

据我所知，Angular 2.0 版本不推荐使用 .ember-cli 文件设置代理。官方方式如下

1. 编辑 package.json 的 "start" 看下面

   "start": "ng serve --proxy-config proxy.conf.json",

2. 在项目的根目录中创建一个名为 proxy.conf.json 的新文件，并在其中定义您的代理，如下所示

    {
      "/api": {
        "target": "http://api.yourdomai.com",
        "secure": false
      }
    }
   

3. 重要的是你使用 npm start 而不是 ng serve

从这里阅读更多信息:Proxy Setup Angular 2 cli