Gatsby预取请求/page-data//page-data.json给出404

Question

不确定这个双斜杠来自何处，这两个斜杠之间可能缺少某些内容。

Answer 1

<Link to= .../>中的路径一定存在问题，因为当您将鼠标悬停在Gatsby上时，<Link .../>向这些页面发出了请求（检查devtools中的network选项卡）。 我也遇到过同样的问题，但是通过添加这样的辅助函数来解决了这个问题

import { join } from 'path';
import i18n from '../../i18n'; // I'm using i18n for internationalization

export const pathTo = (url: string): string => {
  const langPathPrefix: string = i18n.language === defaultLanguage ? '' : i18n.language;
  return join('/', langPathPrefix, url);
};

我的链接是这样改变的：

<Link to={pathTo('path_to_your_page')}>

在您的情况下，指向首页“ /”的链接中可能会有双斜线，因此也请进行检查。