Javascript 在盖茨比404页面上显示URL
盖茨比使创建自己的自定义404页面变得很容易,但我想在消息中显示页面上的URL-类似于: “/example/nope”处没有页面 有没有办法从404页面中访问失败的URL?Javascript 在盖茨比404页面上显示URL,javascript,url,http-status-code-404,gatsby,Javascript,Url,Http Status Code 404,Gatsby,盖茨比使创建自己的自定义404页面变得很容易,但我想在消息中显示页面上的URL-类似于: “/example/nope”处没有页面 有没有办法从404页面中访问失败的URL? 虽然我找不到任何与之相关的文档,但404页面似乎接收到一个历史对象作为其道具之一,但是该对象实际上并不包含任何历史url,只包含一个用于导航到以前状态和当前url(即/404)的api 我查看了盖茨比在自己的开发404页面中是如何处理它的,下面是来自“盖茨比/dist/internal plugins/dev-404-pa
虽然我找不到任何与之相关的文档,但404页面似乎接收到一个
历史
对象作为其道具之一,但是该对象实际上并不包含任何历史url,只包含一个用于导航到以前状态和当前url(即/404
)的api 我查看了盖茨比在自己的开发404页面中是如何处理它的,下面是来自“盖茨比/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不是为响应缺少的页面而生成的,因此位置。路径名将是/404