0

我有一个 GatsbyJS 站点，遇到了一个问题，它找不到任何页面数据文件，也没有 componentDidMount() 触发。这只发生在生产中，它在本地工作得很好，无论是完整的构建还是gatsby develop.

重现步骤

这是我为此创建的演示页面：https ://gwhitworth-dev.azurewebsites.net/blog/2019/06/demo/

注意事项

  • 有一个错误指出：Failed to load resource: the server responded with a status of 404 (Not Found) https://gwhitworth-dev.azurewebsites.net/page-data/blog/2019/06/demo/page-data.json
  • componentDidMount()不会在本地执行的生产中触发，所以最终我认为这是问题所在，但不知道它是否与 page-data.json 有关

预期结果

图表应该像在本地一样在生产中呈现

实际结果

如果您打开上面的链接，您会看到虽然它在本地渲染，但没有渲染高图。

在此先感谢您的帮助。

4

1 回答 1

0

所以这里的问题是 Gatsby 期望 JSON 内容将以 mime 类型出现application/json：

const isJson = contentType && contentType.startsWith(`application/json`)

我的服务器未配置为执行此操作，因此它发送了 mimetype 的 json 文件，text/html这导致页面数据未加载，因此页面中的组件未呈现。为了解决这个问题，我将它添加到web.config文件中（我在 Azure 上，我知道这不会是通用的）：

<staticContent>
      <mimeMap fileExtension=".json" mimeType="application/json" />
    </staticContent>
于 2019-07-03T02:05:15.657 回答