10

我目前一直在将我的应用程序从 4 迁移到 6，但我无法为我的 e2e 测试执行代理脚本。

脚本清单如下所示：

"scripts": {
    "ng": "ng",
    "start": "ng serve",
    "start:tst1": "ng serve --proxy-config config/proxy/proxy.tst1.json",
    "start:tst5": "ng serve --proxy-config config/proxy/proxy.tst5.json",
    ...
    "test:watch": "ng test",
    "lint": "ng lint --type-check true",
    "e2e": "ng e2e",
    "e2e:tst1": "ng e2e --proxy-config config/proxy/proxy.tst1.json",
    "e2e:tst5": "ng e2e --proxy-config config/proxy/proxy.tst5.json",
  },

我不明白的是，例如启动命令（ng serve）工作得很好npm run start:tst5。但是当我尝试执行 e2e 测试时，npm run e2e:tst5它会抛出错误：Unknown option: '--proxyConfig'.

我的angular.json中的配置如下所示：

角.json

...
"lmsbo-bo-e2e": {
  "root": "e2e",
  "sourceRoot": "e2e",
  "projectType": "application",
  "architect": {
    "e2e": {
      "builder": "@angular-devkit/build-angular:protractor",
      "options": {
        "protractorConfig": "e2e/protractor.conf.js",
        "devServerTarget": "lmsbo-bo:serve"
      },
        "configurations": {
            "production": {
                "devServerTarget": "lmsbo-bo:serve:production"
            }
        }
    },
  ...

编辑

我得到了 e2e 测试，其中添加了以下内容angular.cli：

        "serve": {
            "builder": "@angular-devkit/build-angular:dev-server",
            "options": {
                "browserTarget": "lmsbo-bo:build",
                "proxyConfig": "config/proxy/proxy.tst5.json" <== **added this** line
            },
            "configurations": {
                "production": {
                    "browserTarget": "lmsbo-bo:build:production"
                }
            }
        },

但是这种解决方法无论如何都不能令人满意。每次我想针对另一个环境执行时，我都必须更改这行代码。我宁愿通过命令行来管理它，方法是编写如下内容：ng serve --proxy-config config/proxy/proxy.tst5.json.

4

3 回答 3

5

您可以通过如下更新您的 angular.json 来完成此操作（将您的项目名称替换为 my-project）：

1) 在项目 -> my-project-e2e 中，更新 devServerTarget 从

"my-project:serve"

至 

"my-project:serve:e2e"

2）在项目->我的项目->架构师->配置中，添加

"e2e": {
          "browserTarget": "cli-advisor-portal:build:e2e",
          "proxyConfig": "proxy.local.config.json"
        }
于 2018-08-30T11:44:52.593 回答
5

尽管不再支持此功能并且 github 上已经存在一个未解决的问题，但我发现了一种非常方便的方式来执行代理配置script：

在您的 package.json 中添加以下行（示例）：

"e2e:local": "ng config projects.**yourAppName**.architect.serve.options.proxyConfig **yourProxyFile1** && ng e2e && ng config projects.**yourAppName**.architect.serve.options.proxyConfig ''",
"e2e:tst1": "ng config config projects.**yourAppName**.architect.serve.options.proxyConfig **yourProxyFile2** && ng e2e && ng config projects.**yourAppName**.architect.serve.options.proxyConfig ''"

您所做的就是在您的via命令中设置proxyConfig值并在 e2e 测试完成后将其重置。确保命令正常工作（如果没有将路径添加到操作系统的环境属性中并重新启动计算机）。angular.jsonngngangular/cli

于 2018-08-27T11:23:30.180 回答
2

如果我理解正确-您希望避免每次要针对不同的环境运行 e2e 测试时都必须更改代理配置行：

为您的环境创建单独的代理配置，例如：

  • proxy.config.yourenv1.json
  • proxy.config.yourenv2.json

为每个环境添加配置serve：

"serve": { ... "configurations": { "yourenv1-e2e": { "browserTarget": "yourapp:build", "proxyConfig": "proxy.config.yourenv1.json" }, "yourenv2-e2e": { "browserTarget": "yourapp:build", "proxyConfig": "proxy.config.yourenv2.json" } } },

然后在 yourapp-e2e 下再次为每个环境添加配置：

"yourapp-e2e": {
  ...
  "architect": {
    "e2e": {
      ...
      "configurations": {
        "yourenv1-e2e": {
          "devServerTarget": "yourapp:serve:yourenv1-e2e"
        },
        "yourenv2-e2e": {
          "devServerTarget": "yourapp:serve:yourenv2-e2e"
        },
      }
    },

现在你可以简单地运行这个：

ng e2e --configuration yourenv-e2e

e2e 测试将使用所需的代理配置文件运行。
基于@raymondboswel 的回答。

于 2018-11-12T23:50:51.177 回答