标签：url http-status-code-404 gatsby javascript

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

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。