使文件在 Angular 7 路线上可用

Question

我面临着一个我不知道如何解决的问题。

我正在尝试使用 Stripe 的 PaymentRequest 将我的网站与 Apple Pay 集成。然而，我在满足他们的一项要求时遇到了麻烦。我不知道如何使该文件在路线上可用

https://exampledomain.com/.well-known/apple-developer-merchantid-domain-association 

有人可以帮忙吗？

Answer 1

OP问题的确切例子，

第1步src：在names中创建文件夹.well-known

第 2 步：在文件夹内添加apple-developer-merchantid-domain-association文件.well-known

第 3 步angular.json：在资产中添加 2 行

"src/.well-known/apple-developer-merchantid-domain-association",
{ "glob": "apple-developer-merchantid-domain-association", "input": "src/.well-known/", "output": "/" },

最终的结果assets会是这样的，

"assets": [
              "src/.well-known/apple-developer-merchantid-domain-association",
              { "glob": "apple-developer-merchantid-domain-association", "input": "src/.well-known/", "output": "/" },
              "src/favicon.ico",
              "src/assets",
              "src/manifest.webmanifest"
            ],

现在，您应该能够访问以下位置的文件：http://localhost:4200/.well-known/apple-developer-merchantid-domain-association

Answer 2

如果您希望移动一些静态文件来构建路径，您可以使用angular.json例如：

{
  ...
  "projects": {
    ...
    "#project_name#": {
      ...
      "architect": {
        ...
        "build": {
          ...
          "options": {
            "outputPath": "./build/path/to/project-root/",
            ...
            "assets": [ { "glob": "*", "input": "./src/static", "output": "." },
...

这会将./src/static文件夹内的文件移动到build/path/to/project-root/输出路径，具体取决于某些构建配置，例如--output-path 其他配置。