javascript-在Gatsby中的404页面上显示URL
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了javascript-在Gatsby中的404页面上显示URL,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含819字,纯文字阅读大概需要2分钟。
内容图文
![javascript-在Gatsby中的404页面上显示URL](/upload/InfoBanner/zyjiaocheng/669/fca927950f244c9298be9cab425e788b.jpg)
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
内容总结
以上是互联网集市为您收集整理的javascript-在Gatsby中的404页面上显示URL全部内容,希望文章能够帮你解决javascript-在Gatsby中的404页面上显示URL所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。