NextJS作为应用程序/json提供静态文件

Question

我在NextJS中开发了一个带有域quinck.io ( https://www.quinck.io/ )的webapp应用程序。

我需要使用头部quinck.io/apple-app-site-association从路径Content-Type: application/json提供一个静态JSON文件。

现在我已经插入了apple-app-site-association文件，这是一个没有.json的JSON文件(这是苹果的要求)，现在Chrome将下载该文件，因为它不是application/json (从https://quinck.io/apple-app-site-association尝试)

可以实现同样的返回JSON内容(例如：https://reddit.com/apple-app-site-association )

我试过的是：

该路径的自定义头，但它仍被用作application/octet-stream

  async headers() {
    return [
      {
        source: '/apple-app-site-association',
        locale: false,
        headers: [
          {
            key: 'Content-Type',
            value: 'application/json',
          }
        ],
      },
    ]
  }

重路由到返回JSON响应的自定义API端点

  async rewrites() {
    return [
      {
        source: '/apple-app-site-association',
        destination: '/api/apple-app-site-association'
      }

    ]
  }

上述解决方案都不起作用。

Answer 1

  async rewrites() {
   return [
    {
      source: '/apple-app-site-association',
      destination: '/api/apple-app-site-association'
  }]

这是正确的解决办法。它以前不起作用，因为我在public文件夹中有文件public。

目前，它只在本地工作，无法完全理解原因。当我把它上传到放大器上时，它就不再起作用了。