uniapp 输入无效路径 跳转到404页面

uniapp 在写 H5 时，如果在地址栏乱输入，会跳转到 404 页面。

第一步：创建404 页面 在 App.vue 的 onPageNotFound 生命周期中处理跳转到 404 页面

<script>
	export default {
		onLaunch: function() {
			console.log('App Launch')
		},
		onShow: function() {
			console.log('App Show')
		},
		onHide: function() {
			console.log('App Hide')
		},
		/* 配置页面未找到 */
		onPageNotFound: function(res) {
			console.log(res)
				// 跳转到 404 页面：
				uni.redirectTo({
					url: "pages/error/error", // 404 页面的路径
				});
			},
	}
</script>

<style>
	/*每个页面公共css */
</style>