Lala Code

Lala 的前端大補帖,歡迎一起鑽研前端技術😊

0%

Nuxt 錯誤頁面處理

Imgur

使用者網址輸入錯誤,或頁面發生錯誤的時候,會在畫面上給一個 404 的頁面,在 Nuxt 我們也需要設置 404 的頁面

在 layouts 新增一個 error.vue

1
2
3
4
5
6
7
<template>
<div class="container">
<h1 v-if="error.statusCode === 404">Page not found</h1>
<h1 v-else>An error occurred</h1>
<NuxtLink to="/">Home page</NuxtLink>
</div>
</template>
1
2
3
4
export default {
props: ['error'], // 如頁面發生錯誤,會傳遞叫 error 的 props
layout: 'blog', // you can set a custom layout for the error page
};


🚀線上課程分享

線上課程可以加速學習的時間,省去了不少看文件的時間XD,以下是我推薦的一些課程
想學習更多關於前後端的線上課程,可以參考看看。

Hahow

Hahow 有各式各樣類型的課程,而且是無限次數觀看,對學生或上班族而言,不用擔心被時間綁住



六角學院

如果你是初學者,非常推薦六角學院哦!
剛開始轉職也是上了六角的課,非常的淺顯易懂,最重要的是,隨時還有線上的助教幫你解決問題!


Udemy

Udemy 裡的課程非常的多,品質普遍不錯,且價格都滿實惠的,CP值很高!
也是很多工程師推薦的線上課程網站。
❤️