如何使用 staticfile_buildpack 为 Angular 应用程序添加 header 配置？

Question

我使用 ng build --prod 创建了一个构建。它创建了一个 dist/AppName 文件夹，里面有我的 manifest.yml 和 Staticfile。当我在 dist/AppName 中执行 cf push 时，一切正常，但我想添加 add_header 'Access-Control-Allow-Origin' '*' 的 header 配置（nginx 配置），但我不知道该怎么做在静态文件中。我得到了一些线索，比如使用 location_include，但关于它的文档有点令人困惑。有人可以帮助或指导我如何做到这一点。谢谢。

Answer 1

我通过查看同一个静态文件构建包 fixtures on github 设法解决了我的问题。当我做 ng build --prod Angular 时，将编译后的代码放在 dist/AppName 中。在 dist 文件夹中，我放置了 manifest.yml、Staticfile 并添加了一个新文件夹 nginx/conf/includes。新文件夹是我放置 headers.conf 的地方，其中包含 add_header nginx 指令。

所以 dist 有以下文件和文件夹

dist
  |_ AppName/
  |_ nginx/
  |   |_ conf
  |       |_ includes
  |           |_ headers.conf 
  |_ manifest.yml
  |_ Staticfile

静态文件有以下内容：

pushstate: enabled
root: AppName
location_include: includes/*.conf

manifest.yml:

---
applications:
- name: appname-dev
  memory: 512M
  disk_quota: 1024M
  instances: 1
  timeout: 90
  buildpack: staticfile_buildpack

我在 dist 文件夹中做了 cf push

如何使用 staticfile_buildpack 为 Angular 应用程序添加 header 配置？

How to add header config using staticfile_buildpack for Angular app?

nginx

cloud-foundry

pcfdev

angular