javascript-在Gatsby中的404页面上显示URL

Gatsby使创建自己的自定义404页面docs here变得容易,但是我想在消息内的页面上显示URL-类似于：

There was no page at ‘/example/nope’.

有什么方法可以从404页面访问失败的URL？

尽管我找不到与之相关的任何文档,但看来404页面收到了一个历史对象作为其道具之一,但是该对象实际上并不包含任何历史URL,仅是一个可导航至先前状态的api,当前网址(是/ 404).

解决方法:

我查看了盖茨比如何在其自己的开发404页面上处理它,这是来自`gatsby / dist / internal-plugins / dev-404-page / raw_dev的相关行：

 render() {
    const pathname = this.props.location.pathname
    ...
    return (
      ...
        <p>
          {`There's not a page yet at `}
          <code>{pathname}</code>
        </p>
     )
   }

因此,它使用的是props对象的location.pathname,它不是指向当前404页面的url,而是指向导致404的页面的url.

注意：如果您访问/ 404以查看自己的404页面正在开发中,则此操作将无效,因为未生成404是为了响应缺少的页面,因此location.pathname为/ 404

标签：url,http-status-code-404,gatsby,javascript
来源： https://codeday.me/bug/20191109/2011323.html