angularjs - 加载资源失败：将 Angular 应用程序推送到云代工厂时，服务器响应状态为 404（未找到）

Question

我可以使用跨域概念从 localhost:4200 访问 Angular 5 中的客户端服务器，但是当我使用 ng build 将应用程序部署到 Pivotal Cloud Foundry 时，出现错误无法加载资源：服务器响应状态为 404 （未找到）。无法弄清楚确切的问题。我使用 package.config.json 作为 -

{
  "/api": {
    "target": "https://benifit.cfapps.io/api",
    "pathRewrite": {
    "^/api": ""
    },
    "changeOrigin": true
 }
}

另外，我正在使用 cf push -b staticfile_buildpack portal-app 将我的应用程序推送到 PCF。请建议我在哪里和我错过了什么

Answer 1

您指的是来自 angular-cli 开发服务器的代理配置文件。该文件仅用于本地开发，避免跨域请求。部署应用程序后，您无法使用此代理。

因此，在您的情况下，Angular 应用程序将直接在以下路径下查询您的后端/api。因此，您必须确保 api 在同一主机上可用（在云代工厂中）。当 api 仅在 下可用benifit.cfapps.io/api时，您必须更改应用程序中 HTTP 查询的基本路径，并注意在 api 端启用跨域请求。