直接layouts文件夾下加error.vue璧帝,定制自己想要的錯誤頁面
<template>
<div>
<h2 v-if="error.statusCode == 404">404頁面不存在</h2>
<h2 v-else>500服務(wù)器錯誤</h2>
<nuxt-link to="/">返回首頁</nuxt-link>
<div>
</template>
<script>
export default {
props: ['error']
}
當(dāng)不存在當(dāng)前頁面時 會自動跳轉(zhuǎn)
如果需要檢驗動態(tài)參數(shù),可以在目的頁面validate()方法里判斷陪拘,也可以路由中間件中判斷手動處理,比如我這邊的多語言墩朦,輸入不存在的多語言,也希望跳轉(zhuǎn)404頁面,可以在中間件寫入
if (store.state.locales.indexOf(locale) === -1) {
return error({
message: 'This language could not be found.',
statusCode: 404
})
}